PanelBar-Like Behavior

4 posts, 0 answers
  1. Brian
    Brian avatar
    14 posts
    Member since:
    Aug 2013

    Posted 04 Mar 2014 Link to this post

    Hi,

    Is it possible to achieve a PanelBar-like behavior with Menu?  I'm trying to use PanelBar, but horizontally, where the panes expand left and right.  If this is not an option, would it perhaps be possible to use a Splitter to emulate an accordion feel?

    Thanks for the help!

    Regards,
    Brian Chambers
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 04 Mar 2014 in reply to Brian Link to this post

    Hi Brain,

    Please try the following code snippet to display RadMenu like PanelBar.

    ASPX;
    <telerik:RadMenu ID="RadMenu1" runat="server" Flow="Vertical">
        <Items>
            <telerik:RadMenuItem Text="Item1" GroupSettings-ExpandDirection="Down">
                <Items>
                    <telerik:RadMenuItem Text="Item1.1">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem Text="Item1.2">
                    </telerik:RadMenuItem>
                </Items>
            </telerik:RadMenuItem>
            <telerik:RadMenuItem Text="Item2" GroupSettings-ExpandDirection="Down">
                <Items>
                    <telerik:RadMenuItem Text="Item2.1">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem Text="Item2.2">
                    </telerik:RadMenuItem>
                </Items>
            </telerik:RadMenuItem>
        </Items>
    </telerik:RadMenu>

    Let me know if you have any concern.
    Thanks,
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Brian
    Brian avatar
    14 posts
    Member since:
    Aug 2013

    Posted 05 Mar 2014 in reply to Shinu Link to this post

    Hi Shinu,

    Thanks for the siuppet!  I'm more looking for an accordion-style PanelBar, only horizontal.  Here's an example site that uses something similar:

    http://sydney.edu.au/

    The control they're using is in yellow near the top.  I'm not sure if Telerik supports this feature, but I thought I'd ask!

    Thanks,
    Brian Chambers
  5. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 06 Mar 2014 Link to this post

    Hello Brian,

    You can try using the following demo of the RadSplitter control and implement the desired functionality - http://demos.telerik.com/aspnet-ajax/splitter/examples/collapseexpand/defaultcs.aspx

    Regards,
    Kate
    Telerik

    DevCraft Q1'14 is here! Join the free online conference to see how this release solves your top-5 .NET challenges. Reserve your seat now!

Back to Top