Hello, I have a problem with the property width of control radcombobox within a Iframe and the IFrame is within a RadPageView.
the radComboBox is render with table with="0px". Is this a bug with IE8 and IE9?. I look fine in other browsers.
Code:
<telerik:RadTabStrip ID="rtsDetail" runat="server" MultiPageID="rmpDetail">
<Tabs>
<telerik:RadTab runat="server" PageViewID="rpvCO" Text="Customer Order">
</telerik:RadTab>
<telerik:RadTab runat="server" PageViewID="rpvWO" Text="WorkOrder">
</telerik:RadTab>
<telerik:RadTab runat="server" PageViewID="rpvOP" Selected="True"
Text="Operations">
</telerik:RadTab>
<telerik:RadTab runat="server" PageViewID="rpvEDI" Text="EDI">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="rmpDetail" runat="server" Height="100%">
<!-- Begin Details Tabs -->
<telerik:RadPageView ID="rpvCO" runat="server"
Height="100%">
<telerik:radcombobox ID="RadComboBox5" Runat="server">
<Items>
<telerik:RadComboBoxItem Value="1" Text="Uno" />
<telerik:RadComboBoxItem Value="2" Text="Dos" />
<telerik:RadComboBoxItem Value="3" Text="Tres" />
</Items>
</telerik:radcombobox>
</telerik:RadPageView>
<telerik:RadPageView ID="rpvWO" runat="server" Height="100%">
<iframe width='100%' src='WebCombo.aspx' height='100%' scrolling='yes'></iframe>
</telerik:RadPageView>
<telerik:RadPageView ID="rpvOP" runat="server" Height="100%">
<telerik:radcombobox ID="RadComboBox3" Runat="server">
<Items>
<telerik:RadComboBoxItem Value="1" Text="Uno" />
<telerik:RadComboBoxItem Value="2" Text="Dos" />
<telerik:RadComboBoxItem Value="3" Text="Tres" />
</Items>
</telerik:radcombobox>
</telerik:RadPageView>
<telerik:RadPageView ID="rpvEDI" runat="server" Height="100%">
<telerik:radcombobox ID="RadComboBox4" Runat="server">
<Items>
<telerik:RadComboBoxItem Value="1" Text="Uno" />
<telerik:RadComboBoxItem Value="2" Text="Dos" />
<telerik:RadComboBoxItem Value="3" Text="Tres" />
</Items>
</telerik:radcombobox>
</telerik:RadPageView>
<!-- End: Details Tabs -->
</telerik:RadMultiPage>
Code WebCombo.aspx
<div>
<telerik:RadScriptManager ID="sp" runat="server">
</telerik:RadScriptManager>
<telerik:RadComboBox ID="rcbEquipment" runat="server" AllowCustomText="false" MarkFirstMatch="false"
EnableLoadOnDemand="false" HighlightTemplatedItems="true" EnableTextSelection="false"
Width="100%" EmptyMessage="" DropDownWidth ="130px" Height="50px" >
<ItemTemplate>
<asp:CheckBox runat="server" ID="chk1" />
<asp:Label runat="server" ID="Label1" AssociatedControlID="chk1">
<%# Eval("Value") %>
</asp:Label>
</ItemTemplate>
</telerik:RadComboBox>
</div>
I attach picture of html render.
I use telerik Telerik.Web.UI_2012_1_411
I hope some comment.
the radComboBox is render with table with="0px". Is this a bug with IE8 and IE9?. I look fine in other browsers.
Code:
<telerik:RadTabStrip ID="rtsDetail" runat="server" MultiPageID="rmpDetail">
<Tabs>
<telerik:RadTab runat="server" PageViewID="rpvCO" Text="Customer Order">
</telerik:RadTab>
<telerik:RadTab runat="server" PageViewID="rpvWO" Text="WorkOrder">
</telerik:RadTab>
<telerik:RadTab runat="server" PageViewID="rpvOP" Selected="True"
Text="Operations">
</telerik:RadTab>
<telerik:RadTab runat="server" PageViewID="rpvEDI" Text="EDI">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="rmpDetail" runat="server" Height="100%">
<!-- Begin Details Tabs -->
<telerik:RadPageView ID="rpvCO" runat="server"
Height="100%">
<telerik:radcombobox ID="RadComboBox5" Runat="server">
<Items>
<telerik:RadComboBoxItem Value="1" Text="Uno" />
<telerik:RadComboBoxItem Value="2" Text="Dos" />
<telerik:RadComboBoxItem Value="3" Text="Tres" />
</Items>
</telerik:radcombobox>
</telerik:RadPageView>
<telerik:RadPageView ID="rpvWO" runat="server" Height="100%">
<iframe width='100%' src='WebCombo.aspx' height='100%' scrolling='yes'></iframe>
</telerik:RadPageView>
<telerik:RadPageView ID="rpvOP" runat="server" Height="100%">
<telerik:radcombobox ID="RadComboBox3" Runat="server">
<Items>
<telerik:RadComboBoxItem Value="1" Text="Uno" />
<telerik:RadComboBoxItem Value="2" Text="Dos" />
<telerik:RadComboBoxItem Value="3" Text="Tres" />
</Items>
</telerik:radcombobox>
</telerik:RadPageView>
<telerik:RadPageView ID="rpvEDI" runat="server" Height="100%">
<telerik:radcombobox ID="RadComboBox4" Runat="server">
<Items>
<telerik:RadComboBoxItem Value="1" Text="Uno" />
<telerik:RadComboBoxItem Value="2" Text="Dos" />
<telerik:RadComboBoxItem Value="3" Text="Tres" />
</Items>
</telerik:radcombobox>
</telerik:RadPageView>
<!-- End: Details Tabs -->
</telerik:RadMultiPage>
Code WebCombo.aspx
<div>
<telerik:RadScriptManager ID="sp" runat="server">
</telerik:RadScriptManager>
<telerik:RadComboBox ID="rcbEquipment" runat="server" AllowCustomText="false" MarkFirstMatch="false"
EnableLoadOnDemand="false" HighlightTemplatedItems="true" EnableTextSelection="false"
Width="100%" EmptyMessage="" DropDownWidth ="130px" Height="50px" >
<ItemTemplate>
<asp:CheckBox runat="server" ID="chk1" />
<asp:Label runat="server" ID="Label1" AssociatedControlID="chk1">
<%# Eval("Value") %>
</asp:Label>
</ItemTemplate>
</telerik:RadComboBox>
</div>
I attach picture of html render.
I use telerik Telerik.Web.UI_2012_1_411
I hope some comment.