I ran into an interesting problem while coding a page this morning. When using the telerik:RadAjaxPanel control, I've found it impossible to set the size of this thing to fill the entirety of the surrounding container using the CssClass, Height & Width, class, or style attributes. It actually works in IE7, but in FireFox 3 it just refuses to do it (web standards?), and I think the following might be why.
When the HTML is rendered, something like the following is produced:
When the RadAjaxPanel1 div tries to increase its size to 100% of it's surrounding container, it's ramming up against the size of RadAjaxPanel1Panel's unspecified height. I've managed to get a workaround by using JavaScript to programatically set the height on the body.onLoad event of the document, but this does not seem like it should be the intended functionality.
Is there a way to access the surrounding div through the Properties of the control (preferably without having to go through the code-behind) and if not, can this be added in future releases?
Thanks,
Jonathan Hunter
When the HTML is rendered, something like the following is produced:
<div id="RadAjaxPanel1Panel"> |
<div id="RadAjaxPanel1" class="cssclass"> |
<!-- Content Goes Here --> |
</div> |
</div> |
When the RadAjaxPanel1 div tries to increase its size to 100% of it's surrounding container, it's ramming up against the size of RadAjaxPanel1Panel's unspecified height. I've managed to get a workaround by using JavaScript to programatically set the height on the body.onLoad event of the document, but this does not seem like it should be the intended functionality.
Is there a way to access the surrounding div through the Properties of the control (preferably without having to go through the code-behind) and if not, can this be added in future releases?
Thanks,
Jonathan Hunter