How to set PanelBar to be fixed width?

[Ron]

Hi,
I'm using Telerik file version 2009.2.826.35 ASP.NET PanelBar web UI control. I'm nested a RadGrid (binded with data in Page_Load event) in the RadPanelItem. This PanelBar control is placed in one of the table cells i.e. within a <td style="width:25%;"> tag and on expand, the table cell is expanded out of alignment (controls to the right of the tablecell are shifted) due to the RadGrid having too many columns.

I will like the PanelBar to retain its size as in the Collapsed state when it expands.

How can I fixed the width of the PanelBar control since I have alerady enable the scrolling on the RadGrid?

I'm using IE8 browser.

 

 

 

<table>
        <tr>
        <td style="vertical-align:top;">
        <span style="display:inline;">
    <telerik:RadPanelBar ID="RadPanelBar1" Runat="server">
        <Items>
            <telerik:RadPanelItem runat="server" Text="Interest">
            <Items>

                <telerik:RadPanelItem runat="server">
                    <ItemTemplate>
                        <telerik:RadGrid ID="RadGrid2" runat="server">
                        <ClientSettings Scrolling-AllowScroll="true">
                            <Scrolling AllowScroll="true" SaveScrollPosition="true" ScrollHeight="250px"/>
                        </ClientSettings>
                        </telerik:RadGrid>
                    </ItemTemplate>
                </telerik:RadPanelItem>

            </Items>
            </telerik:RadPanelItem>
        </Items>
    </telerik:RadPanelBar>
    </span>
    </td>
        <td style="vertical-align:top;">
        <span style="display:inline;">
            <telerik:RadPanelBar ID="RadPanelBar2" Runat="server">
        <Items>
            <telerik:RadPanelItem runat="server" Text="Interest">
            <Items>

                <telerik:RadPanelItem runat="server">
                    <ItemTemplate>
                        <telerik:RadGrid ID="RadGrid2" runat="server">
                        <ClientSettings Scrolling-AllowScroll="true">
                            <Scrolling AllowScroll="true" SaveScrollPosition="true" ScrollHeight="250px"/>
                        </ClientSettings>
                        </telerik:RadGrid>
                    </ItemTemplate>
                </telerik:RadPanelItem>

            </Items>
            </telerik:RadPanelItem>
        </Items>
    </telerik:RadPanelBar>
    </span>
    </td>
    </tr>
        </table>

 

 

Thank you in advace,
Ron Tan

[Nikolay Tsenkov]

Hi Ron,

I was not able to reproduce the problem you experience.
Could you, please, open a support ticket and send us a runnable example which reproduces this appearance?


Regards,
Nikolay Tsenkov
the Telerik team