html Select element not working IE11 on RadTabStrip with Multipage.

3 posts, 0 answers
  1. Dave
    Dave avatar
    17 posts
    Member since:
    Dec 2014

    Posted 07 Jan 2015 Link to this post

    Hi..

    I have a RadTab Strip with Multipage setup. On 1st tab I have a radgrid and second tab is a google map. The select element is used to set start and end points of the route in the google map..

    Using IE11 the select element will not select an option when it is on the multipage. Moving the select element off the multipage and it works fine in IE. Obviously this all works in chrome and firefox. only IE is the issue but need this to work for IE. Moving the select element off the multipage is a last resort but I would like to get this working as it should.

    Can anyone tell me why this select element is not working in IE.. thx.. Dave.
     
             <telerik:RadTabStrip ID="RadTabStrip1" AutoPostBack="true" MultiPageID="RadMultiPage1" OnTabClick="RadTabStrip1_TabClick" Skin="Windows7" SelectedIndex="0" runat="server">
    <Tabs>
    <telerik:RadTab Text="Jobs" Width="200px" Selected="True"></telerik:RadTab>
    <telerik:RadTab Text="Route" Value="route" Width="200px"></telerik:RadTab>
    </Tabs>
    </telerik:RadTabStrip>
    <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">
    <telerik:RadPageView runat="server" ID="RadPageView1">
    </telerik:RadPageView>
    <telerik:RadPageView runat="server" ID="RadPageView2" >
    <div style="float:left">
    <br />
    <strong>Start: </strong>
    <select id="start" onchange="calcRoute();">
    <option value="London">London</option>
    <option value="Bristol">Bristol</option>
    <option value="Glasgow">Glasgow</option>
    <option value="Birmingham">Birmingham</option>
    </select>
    <strong>End: </strong>
    <select id="end" onchange="calcRoute();">
    <option value="London">London</option>
    <option value="Bristol">Bristol</option>
    <option value="Glasgow">Glasgow</option>
    <option value="Birmingham">Birmingham</option>
    </select>
    <br /><br />
    </div><div id="test" style="float:left"></div>
    <div id="test2" style="float:left"></div>
    <div id="map-canvas" style="float:left; width: 950px; height: 500px;"></div>
    <div id="directionsPanel" style="float:left;width:950px;height: 100%"></div>
    </telerik:RadPageView>
    </telerik:RadMultiPage>
  2. Dave
    Dave avatar
    17 posts
    Member since:
    Dec 2014

    Posted 08 Jan 2015 Link to this post

    I've tracked the problem down to a button when clicked changes the edit mode of the RadGrid.. If these two lines are commented out the select box works fine on IE but including the lines breaks the select element.

                   RadGrid1.MasterTableView.EditMode = GridEditMode.Batch;
                    RadGrid1.MasterTableView.BatchEditingSettings.EditType = GridBatchEditingType.Cell;
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Dave
    Dave avatar
    17 posts
    Member since:
    Dec 2014

    Posted 08 Jan 2015 in reply to Dave Link to this post

    opened new thread under radgrid as appears problem is related to that. . http://www.telerik.com/forums/setting-editmode-of-radgrid-break-select-element-ie-F7AB997EBCC3
Back to Top