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

html Select element not working IE11 on RadTabStrip with Multipage.

2 Answers 103 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Dave
Top achievements
Rank 1
Dave asked on 07 Jan 2015, 04:50 PM
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 Answers, 1 is accepted

Sort by
0
Dave
Top achievements
Rank 1
answered on 08 Jan 2015, 08:04 AM
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;
0
Dave
Top achievements
Rank 1
answered on 08 Jan 2015, 08:32 AM
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
Tags
TabStrip
Asked by
Dave
Top achievements
Rank 1
Answers by
Dave
Top achievements
Rank 1
Share this question
or