Toolbar width

11 posts, 1 answers
  1. Mona
    Mona  avatar
    11 posts
    Member since:
    May 2008

    Posted 02 Oct 2008 Link to this post

    hi
    I want to make toolbar width fill the screen width, although I set width to be 100% it dosen't fill the width of page .how can I solve this problem ?
    Regards ;
  2. Answer
    Serrin
    Serrin avatar
    286 posts
    Member since:
    Sep 2008

    Posted 02 Oct 2008 Link to this post

    Hi Mona,

    For this, you would need to set the style tag to the width you would like, the regular Width property doesn't cut it.  You can modify it as follows:

    <telerik:RadToolBar ID="RadToolBar1" runat="server" style="width:100%"  Skin="Hay">  
    <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        <Items> 
            <telerik:RadToolBarButton runat="server" Text="Button 0">  
            </telerik:RadToolBarButton> 
            <telerik:RadToolBarButton runat="server" Text="Button 1">  
            </telerik:RadToolBarButton> 
            <telerik:RadToolBarButton runat="server" Text="Button 2">  
            </telerik:RadToolBarButton> 
        </Items> 
    </telerik:RadToolBar> 

    Let me know if that helps. :)
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Mona
    Mona  avatar
    11 posts
    Member since:
    May 2008

    Posted 03 Oct 2008 Link to this post

    Hi Serrin
    yes it works graet now thanks for your help :)
  5. Craig
    Craig avatar
    7 posts
    Member since:
    Oct 2008

    Posted 15 Nov 2008 Link to this post

    How can I get the toolbar to automatically size to the number of buttons that are visible?  Right now it seems to have a maximum width of 460px if I don't override it in a style attribute.  If the size is less than 460px then it shrinks but if it's more the buttons on the right hand side are just cut off.

    The toolbar needs to show/hide buttons based on the page context, so I can't set a fixed width or use 100%.
  6. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 17 Nov 2008 Link to this post

    Hi Craig,

    I couldn't replicate this issue at our side, please send us a sample project illustrating the problem, so that we can test it locally.You should open a support ticket to be able to attach files. Thanks

    Best wishes,
    Yana
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  7. Saurabh
    Saurabh avatar
    3 posts
    Member since:
    Mar 2009

    Posted 13 Mar 2009 Link to this post

    Hi...
    Is there any way so that i can get Rad Toolbar Horizontal scroll? Right now It is fixed. Or can i break my rad toolbar in multilines like Tabs? I have more than 20 rad buttons in my rad toolbar.

    I need urgent help..

    Thanks in Advance


    Regards
    Saurabh Saxena
  8. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 13 Mar 2009 Link to this post

    Hi Saurabh,

    RadToolbar does not support scrolling neither does multiline buttons. Only RadTabStrip supports scrolling and multiline tabs.

    All the best,
    Albert
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  9. Saurabh
    Saurabh avatar
    3 posts
    Member since:
    Mar 2009

    Posted 13 Mar 2009 Link to this post

    Hi Albert,
    Thanx for the quick reply..

    My requirement is ,

    On my page I want only one toolbar with 20+ toolbuttons,

    Could you please tell me, how can I justify my all 20+ toolbuttons in one toolbar?


    Regards
    Saurabh
  10. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 13 Mar 2009 Link to this post

    Hello Saurabh,

    Perhaps you can wrap the toolbar inside a scrollable Panel control. Set the width of the Panel to 100% and enable scrolling:
    <asp:Panel ScrollBars="Auto" Width="100%"></asp:Panel>

    I hope this helps,
    Albert
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  11. Saurabh
    Saurabh avatar
    3 posts
    Member since:
    Mar 2009

    Posted 13 Mar 2009 Link to this post

    Hi Albert,

    It is not working.. the problem is same.... any other suggestion????????
    It's Urgent Albert......

    Regards
    Saurabh
  12. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 13 Mar 2009 Link to this post

    Hello Saurabh,

    I tested this
                <asp:Panel Width="100%" ScrollBars="Horizontal" runat="Server" >
                    <telerik:radtoolbar id="RadToolBar1" runat="server">
                        <Items>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                            <telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
                        </Items>
                    </telerik:RadToolBar>
                </asp:Panel>
    and I achieved the following result (check the screenshot).

    Regards,
    Albert
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017