Hiding expand/collapse arrow on specific panel item

3 posts, 1 answers
  1. john
    john avatar
    32 posts
    Member since:
    Nov 2010

    Posted 13 Apr 2011 Link to this post

    Hi,

    I'm trying a PanelBar with four panel items, two static (always expanded) and two expandable/collapsable.
    Is it possible to hide the expand/collapse arrow on a specific panel item? (I would hide the arrow on the two panel items that are always expanded).

    Regards,
    John.
  2. Answer
    Helen
    Admin
    Helen avatar
    1052 posts

    Posted 13 Apr 2011 Link to this post

    Hello john,

    You may try the following:
    <head runat="server">
        <title></title>
        <style type="text/css">
           .Test .rpOut .rpExpandHandle
            {
              visibility: hidden;
            }
         
        </style>
     
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
             
                <telerik:RadPanelBar ID="RadPanelBar1" runat="server" ExpandMode="MultipleExpandedItems"
                    >
                    <CollapseAnimation Duration="100" Type="None" />
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Root RadPanelItem1" CssClass="Test">
                            <Items>
                                <telerik:RadPanelItem runat="server">
                                </telerik:RadPanelItem>
                            </Items>
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Root RadPanelItem2">
                            <Items>
                                <telerik:RadPanelItem runat="server">
                                </telerik:RadPanelItem>
                            </Items>
                        </telerik:RadPanelItem>
                    </Items>
                    <ExpandAnimation Duration="100" Type="None" />
                </telerik:RadPanelBar>
           </div>
        </form>
    </body>



    Greetings,
    Helen
    the Telerik team

    Browse the vast support resources we have to jump start 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
  4. john
    john avatar
    32 posts
    Member since:
    Nov 2010

    Posted 14 Apr 2011 Link to this post

    Thanks for your help, it works fine.

    Regards,
    John.
Back to Top