Hello everyone,
first some tecnical details:
We use the Telerik Controls in Version 2014.2.708.45
Our problem occuring with IE 8, 9, 10 and 11.
We use .Net Framework 4.5
Our problem is the following one:
We have an ajaxified RadTabStrip connected to a RadMultiPage. We create the pages connected to the tabs dynamically as done in this demo. The page views contain a usercontrol. The usercontrols contains some RadTextBox controls. All Textboxes have a label, where the LabelWidth is set to 250px. The width property of the textbox is set to 100%.
The following is done by css:
How it should look can be seen in the attached file SampleTelerikUserControl.png. This works fine in all browsers if the usercontrol is directly added to a page.
If the usercontrol is added dynamically in ajaxified TabStript/PageView the textbox controls have not the correct width (only in IE, in all other browsers the controls are properly rendered - the width ignores the 250px from the lable). If you click another tab (and and something is done through ajax) and than switch back to the first tab with the wrong rendered usercontrol the controls of the usercontrol are now properly displayed. The wrong behavior could be seen in ErrorTelerikUserControl.PNG, the correct behavoir is shown in OkTelerikUserControl.PNG (after the first ajax call).
Thanks
first some tecnical details:
We use the Telerik Controls in Version 2014.2.708.45
Our problem occuring with IE 8, 9, 10 and 11.
We use .Net Framework 4.5
Our problem is the following one:
We have an ajaxified RadTabStrip connected to a RadMultiPage. We create the pages connected to the tabs dynamically as done in this demo. The page views contain a usercontrol. The usercontrols contains some RadTextBox controls. All Textboxes have a label, where the LabelWidth is set to 250px. The width property of the textbox is set to 100%.
The following is done by css:
html body .RadInput_MySkinName {
display
: table;
}
html body .RadInput_MySkinName .riTextBox,
html body .RadInputMgr_MySkinName {
display
:
table-cell
;
border-color
:
#cdcdcd
;
background
:
white
;
color
:
black
;
font-weight
:
100
;
font-size
:
16px
;
font-family
:
"Segoe UI"
,
Arial
,
Helvetica
,
sans-serif
; }
How it should look can be seen in the attached file SampleTelerikUserControl.png. This works fine in all browsers if the usercontrol is directly added to a page.
If the usercontrol is added dynamically in ajaxified TabStript/PageView the textbox controls have not the correct width (only in IE, in all other browsers the controls are properly rendered - the width ignores the 250px from the lable). If you click another tab (and and something is done through ajax) and than switch back to the first tab with the wrong rendered usercontrol the controls of the usercontrol are now properly displayed. The wrong behavior could be seen in ErrorTelerikUserControl.PNG, the correct behavoir is shown in OkTelerikUserControl.PNG (after the first ajax call).
Thanks