This is a migrated thread and some comments may be shown as answers.

IE style problem with ajaxifed TabStrip and MultiPage

1 Answer 127 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
hjd
Top achievements
Rank 1
hjd asked on 01 Sep 2014, 11:58 AM
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:

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

1 Answer, 1 is accepted

Sort by
0
Magdalena
Telerik team
answered on 02 Sep 2014, 01:25 PM
Hello,

We have tried to simulate the scenario that you had described but the issue did not reproduced. We are sending you this video for your reference. The tested browser is IE11 in different modes. Could you please open a support ticket to be able to attach a sample project where the issue is reproduced so we will be able to test it locally and can assist you in more efficient way?

Regards,
Magdalena
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
TabStrip
Asked by
hjd
Top achievements
Rank 1
Answers by
Magdalena
Telerik team
Share this question
or