radtoolbar with two lines of buttons

5 posts, 2 answers
  1. VitorBarao
    VitorBarao avatar
    5 posts
    Member since:
    Feb 2008

    Posted 09 Nov 2011 Link to this post

    Hi, i wonder if it's possible to have two rows of button in a radtoolbar, and how to achive that?
    If i have 6 buttons to place on the bar, i want to add 3 in one row and the other three on a second row.

    Thanks.
  2. Answer
    Kevin
    Kevin avatar
    360 posts
    Member since:
    Jul 2012

    Posted 10 Nov 2011 Link to this post

    Hello Jose,

    I don't believe the RadToolBar can be displayed on two rows. You could just add two toolbars to achieve the same result.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Answer
    Kate
    Admin
    Kate avatar
    1898 posts

    Posted 11 Nov 2011 Link to this post

    Hi Jose,

    The scenario that you need to achieve (to have a single toolbar control that stretches into two rows) is not currently supported. However, you can easily achieve the same effect by using the approach that Kevin suggested. Here is also an example (you can see it on the second tab "Insert"). 

    Regards,
    Kate
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  5. Vihar
    Vihar avatar
    1 posts
    Member since:
    Feb 2013

    Posted 18 Feb 2013 Link to this post

    how can i have two radtoolbars in a single page
  6. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 18 Feb 2013 Link to this post

    Hi,

    Try the following markup to have two RadToolbar in a single page.

    ASPX:
    <telerik:RadToolBar ID="RadToolBar1" runat="server">
        <Items>
            <telerik:RadToolBarDropDown runat="server" Text="File">
                <Buttons>
                    <telerik:RadToolBarButton runat="server" Text="New">
                    </telerik:RadToolBarButton>
                    <telerik:RadToolBarButton runat="server" Text="Open">
                    </telerik:RadToolBarButton>
                    <telerik:RadToolBarButton runat="server" Text="Exit">
                    </telerik:RadToolBarButton>
                </Buttons>
            </telerik:RadToolBarDropDown>
            <telerik:RadToolBarDropDown runat="server" Text="Edit">
                <Buttons>
                    <telerik:RadToolBarButton runat="server" Text="Undo">
                    </telerik:RadToolBarButton>
                    <telerik:RadToolBarButton runat="server" Text="Redo">
                    </telerik:RadToolBarButton>
                    <telerik:RadToolBarButton runat="server" Text="Find">
                    </telerik:RadToolBarButton>
                </Buttons>
            </telerik:RadToolBarDropDown>
        </Items>
    </telerik:RadToolBar>
    <telerik:RadToolBar ID="RadToolBar2" runat="server">
        <Items>
            <telerik:RadToolBarSplitButton runat="server" Text="Test">
                <Buttons>
                    <telerik:RadToolBarButton runat="server" Text="New Test">
                    </telerik:RadToolBarButton>
                    <telerik:RadToolBarButton runat="server" Text="Load MetaData">
                    </telerik:RadToolBarButton>
                </Buttons>
            </telerik:RadToolBarSplitButton>
        </Items>
    </telerik:RadToolBar>

    Thanks,
    Shinu.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017