I have added a table control inside radpanelitem content template.
The issue is with the row, it does not take the height of the image inside it (6px)
If i render the table without the radpanelbar, the rows are rendered correctly.
I would appreciate any workaround for this issue.
Here is the code (please replace the images with different images to see the error) -
<telerik:RadPanelBar ID="RadPanelBar3" runat="server" ExpandMode="FullExpandedItem" Width="100%">
<Items>
<telerik:RadPanelItem runat="server" Text="search" Expanded="True">
<ContentTemplate >
<asp:Table runat="server" ID="tblsearchRequest" style="border-spacing:0;" CellSpacing="0" >
<asp:TableRow style="border-width:0">
<asp:TableCell style="margin:0;padding:0;border-width:0; font-size: 1px"> </asp:TableCell>
<asp:TableCell HorizontalAlign="left" style="padding-right: 4px; border-bottom: 1px solid #B4BBCD; padding: 0px; font-size: 1px"></asp:TableCell>
<asp:TableCell ID="tdAny" runat="server" HorizontalAlign="left" style="border-bottom: 1px solid #B4BBCD; padding-right: 4px; padding: 0px; height: 6px; font-size: 1px; width: 11px" VerticalAlign="bottom">
<asp:Image Visible="false" Width="11" Height="6" ID="imgSelAny" runat="server" ImageUrl="~/Images/SelectArrow.gif" BorderWidth="0" ></asp:Image>
</asp:TableCell>
<asp:TableCell HorizontalAlign="left" style="padding-right: 4px; border-bottom: 1px solid #B4BBCD; padding: 0px; font-size: 1px"></asp:TableCell>
<asp:TableCell ID="tdAll" runat="server" HorizontalAlign="left" style="border-bottom: 1px solid #B4BBCD; padding-right: 4px; padding: 0px; height: 6px; font-size: 1px; width: 11px" VerticalAlign="bottom">
<asp:Image Visible="false" ID="imgSelAll" Width="11" Height="6" runat="server" ImageUrl="~/Images/SelectArrow.gif" BorderWidth="0" ></asp:Image>
</asp:TableCell>
<asp:TableCell HorizontalAlign="left" style="padding-right: 4px; border-bottom: 1px solid #B4BBCD; padding: 0px; font-size: 1px"></asp:TableCell>
<asp:TableCell ID="tdBool" runat="server" HorizontalAlign="left" style="border-bottom: 0px solid #B4BBCD; padding-right: 4px; padding: 0px; height: 6px; font-size: 1px; width: 11px" VerticalAlign="bottom">
<asp:Image ID="imgSelBool" Width="11" Height="6" runat="server" ImageUrl="~/Images/SelectArrow.gif" BorderWidth="0" ></asp:Image>
</asp:TableCell>
<asp:TableCell HorizontalAlign="left" style="padding-right: 4px; border-bottom: 1px solid #B4BBCD; padding: 0px; font-size: 1px"></asp:TableCell>
<asp:TableCell style="margin:0;padding:0;border-width:0; font-size: 1px"></asp:TableCell>
</asp:TableRow>
</asp:Table>
</ContentTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelBar>
The issue is with the row, it does not take the height of the image inside it (6px)
If i render the table without the radpanelbar, the rows are rendered correctly.
I would appreciate any workaround for this issue.
Here is the code (please replace the images with different images to see the error) -
<telerik:RadPanelBar ID="RadPanelBar3" runat="server" ExpandMode="FullExpandedItem" Width="100%">
<Items>
<telerik:RadPanelItem runat="server" Text="search" Expanded="True">
<ContentTemplate >
<asp:Table runat="server" ID="tblsearchRequest" style="border-spacing:0;" CellSpacing="0" >
<asp:TableRow style="border-width:0">
<asp:TableCell style="margin:0;padding:0;border-width:0; font-size: 1px"> </asp:TableCell>
<asp:TableCell HorizontalAlign="left" style="padding-right: 4px; border-bottom: 1px solid #B4BBCD; padding: 0px; font-size: 1px"></asp:TableCell>
<asp:TableCell ID="tdAny" runat="server" HorizontalAlign="left" style="border-bottom: 1px solid #B4BBCD; padding-right: 4px; padding: 0px; height: 6px; font-size: 1px; width: 11px" VerticalAlign="bottom">
<asp:Image Visible="false" Width="11" Height="6" ID="imgSelAny" runat="server" ImageUrl="~/Images/SelectArrow.gif" BorderWidth="0" ></asp:Image>
</asp:TableCell>
<asp:TableCell HorizontalAlign="left" style="padding-right: 4px; border-bottom: 1px solid #B4BBCD; padding: 0px; font-size: 1px"></asp:TableCell>
<asp:TableCell ID="tdAll" runat="server" HorizontalAlign="left" style="border-bottom: 1px solid #B4BBCD; padding-right: 4px; padding: 0px; height: 6px; font-size: 1px; width: 11px" VerticalAlign="bottom">
<asp:Image Visible="false" ID="imgSelAll" Width="11" Height="6" runat="server" ImageUrl="~/Images/SelectArrow.gif" BorderWidth="0" ></asp:Image>
</asp:TableCell>
<asp:TableCell HorizontalAlign="left" style="padding-right: 4px; border-bottom: 1px solid #B4BBCD; padding: 0px; font-size: 1px"></asp:TableCell>
<asp:TableCell ID="tdBool" runat="server" HorizontalAlign="left" style="border-bottom: 0px solid #B4BBCD; padding-right: 4px; padding: 0px; height: 6px; font-size: 1px; width: 11px" VerticalAlign="bottom">
<asp:Image ID="imgSelBool" Width="11" Height="6" runat="server" ImageUrl="~/Images/SelectArrow.gif" BorderWidth="0" ></asp:Image>
</asp:TableCell>
<asp:TableCell HorizontalAlign="left" style="padding-right: 4px; border-bottom: 1px solid #B4BBCD; padding: 0px; font-size: 1px"></asp:TableCell>
<asp:TableCell style="margin:0;padding:0;border-width:0; font-size: 1px"></asp:TableCell>
</asp:TableRow>
</asp:Table>
</ContentTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelBar>