How to Align Centre the Toolbar Contents

5 posts, 1 answers
  1. Vuyiswa Maseko
    Vuyiswa Maseko avatar
    187 posts
    Member since:
    Jan 2010

    Posted 26 Jul 2010 Link to this post

    Good Day All

    i have a Toolbar button that has a textbox and image buttons, now my problem is that the controls inside the toolbar are not aligned correctly. i would like to have them centered. I have attached the image on how they look and the markup to the definition is

    <telerik:RadToolBar ID="RadToolBar1" Runat="server" Width="100%" Height="100%" Skin="Forest">
                  <Items>
                  <telerik:RadToolBarButton Width="90%" Text="Button1" runat="server">
                  <ItemTemplate>
                    <asp:ImageButton ID="btnoweb" Height="50" Width="50" runat="server" ImageUrl="~/images/Picture3.png" />
                     
                    <asp:ImageButton ID="btnCalender" Height="50" Width="50" runat="server" OnClick="btnCalender_Click" ImageUrl="~/images/CalenderView.png" />
                    
                    <asp:ImageButton ID="btnAttach" Height="50" Width="50" runat="server" ImageUrl="~/images/Attach.png"/>
                    
                   <asp:Menu ID="mnuMenu" Height="50" Width="50" runat="server" ></asp:Menu>
                   
                   <asp:ImageButton ID="imgpose" Height="50" Width="50" runat="server" ImageUrl="~/images/Picture5.png"/>
                    <asp:TextBox ID="txtsearch"  Width="650px"  Height="40px" runat="server" ></asp:TextBox>
                   <asp:ImageButton ID="ImageButton1" Height="50" Width="50" runat="server" ImageUrl="~/images/Cancel.png" />
                  </ItemTemplate>
                  </telerik:RadToolBarButton>
                  </Items>
                 </telerik:RadToolBar>

    Thanks
  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 29 Jul 2010 Link to this post

    Hello Vuyiswa,

    The code you sent is not sufficient to replicate the problem. Attached is a screenshot of what we get in a local test. Please, send us a more complete code sample along with the toolbar images you use.


    Greetings,
    Peter
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Vuyiswa Maseko
    Vuyiswa Maseko avatar
    187 posts
    Member since:
    Jan 2010

    Posted 29 Jul 2010 Link to this post

    Good Day Admin
    Due to the size of Telerik DLL, in the bin Directory i removed the telerik dll and it was a 2010 version. Please find the Link below. in the same project ,i am trying again to do a hierarchy grid that i saw from the demo, i am using xml as my data source and i am converting it to a dataset.

    Link to My Project


    Thanks
  5. Answer
    Yana
    Admin
    Yana avatar
    4554 posts

    Posted 04 Aug 2010 Link to this post

    Hello Vuyiswa,

    I've modified your styles and also set  static Height for the toolbar as the buttons cannot be vertically aligned in a different way. Please download the attached file and give it a try.

    Greetings,
    Yana
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  6. Vuyiswa Maseko
    Vuyiswa Maseko avatar
    187 posts
    Member since:
    Jan 2010

    Posted 07 Aug 2010 Link to this post

    Thank you very much that resolved my problem
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017