IE style problem with ajaxifed TabStrip and MultiPage

2 posts, 0 answers
  1. hjd
    hjd avatar
    6 posts
    Member since:
    Jul 2014

    Posted 01 Sep 2014 Link to this post

    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
  2. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 02 Sep 2014 Link to this post

    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top