How to set PanelBar to be fixed width?

2 posts, 0 answers
  1. Ron
    Ron avatar
    3 posts
    Member since:
    Aug 2010

    Posted 01 Dec 2010 Link to this post

    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
  2. Nikolay Tsenkov
    Admin
    Nikolay Tsenkov avatar
    734 posts

    Posted 06 Dec 2010 Link to this post

    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
    Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top