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>
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>