RadToolBar

10 posts, 0 answers
  1. Johnny
    Johnny avatar
    86 posts
    Member since:
    Dec 2010

    Posted 22 Dec 2011 Link to this post

    hi can i control RadToolBar height, i want height in 30px
    i tried but nothing happened

     

    <telerik:RadToolBar ID="RadToolBar1"  style="z-index:90001"   runat="server">
                                                       <Items>
                                                            
                                                           <telerik:RadToolBarDropDown >
                                                           <Buttons>
                                                                   <telerik:RadToolBarButton   Text="Content Search" >
                                                            
                                                                   </telerik:RadToolBarButton>
                                                              </Buttons>
                                                           </telerik:RadToolBarDropDown>
                                                             
                                                            
     
                                                          <telerik:RadToolBarButton   >
                                                          <ItemTemplate>
                                                              <telerik:RadTextBox ID="mainSearchTxt" runat="server">
                                                              </telerik:RadTextBox>
                                                          </ItemTemplate>
                                                          </telerik:RadToolBarButton>
                                                          <telerik:RadToolBarButton   Text="Search"  ></telerik:RadToolBarButton>
                                                       </Items>
                                                       </telerik:RadToolBar>

    why the "Content Search" Text property of RadToolBarButton shown in 2 rows?
  2. jumpstart
    jumpstart avatar
    479 posts
    Member since:
    Nov 2011

    Posted 23 Dec 2011 Link to this post

    Johnny:

    I do not believe that RadToolBar supports setting the width and height properties. Take a look at the Stretching RadToolBar to fit the width of the page for some workarounds to this.

    Cheers!
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 27 Dec 2011 Link to this post

    Hi Johnny,

    You could set height to the RadToolBar control  ( <telerik:RadToolBar ID="RadToolBar1" runat="server" Height="30px"> ) and use the following css class so that the text of the RadToolBarButton stays on one row:
    <style type="text/css">
        div.RadToolBarDropDown_Default ul.rtbActive li.rtbItem a.rtbWrap
             {
                width: 146px !important;
             }
          </style>


    All the best,
    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. Johnny
    Johnny avatar
    86 posts
    Member since:
    Dec 2010

    Posted 27 Dec 2011 Link to this post

    hi kate
    please add RadToolBar in ur aspx then set Height="30px" nothing will happen
    pls guide me how to control the height of the RadToolBar?
  6. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 28 Dec 2011 Link to this post

    Hello,

    I have tried to set the height in aspx itself and it worked as expected at my end. You can experience this by setting higher/lower value to height other than 30px. Here is the screenshot.
    Another suggestion is you can try with the following CSS.
    CSS:
    <style type="text/css">
     .rtbUL
      {
        height:60px !important;
      }
    </style>

    -Shinu.
  7. Johnny
    Johnny avatar
    86 posts
    Member since:
    Dec 2010

    Posted 28 Dec 2011 Link to this post

    so if i use RadToolbar i couldn't fix 30px heigt?
    better i don't use RadToolBar
  8. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 28 Dec 2011 Link to this post

    Hello,

    I suppose 30px is the default height of RadToolBar, that is why it is not showing any change.

    -Shinu.
  9. William
    William avatar
    9 posts
    Member since:
    Oct 2010

    Posted 13 Feb 2012 Link to this post

    I have a similar problem, where I am using css on my RadToolBar to left-justify some RadToolBarButtons, and right-justify other RadToolBarButtons.  Unfortunately, when the styling is applied, each of my separator buttons are causing a line break.  I'd like to keep the ToolBar to a single line. 

    Is there a way to override the generation of the line break when I apply isSeparator to true?
  10. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 16 Feb 2012 Link to this post

    Hello William,

    Can you please provide your markup as well as the css styles that you apply to the RadToolBar so I could test it locally and help you out ?

    Kind regards,
    Kate
    the Telerik team
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
  11. MarkSci
    MarkSci avatar
    16 posts
    Member since:
    Dec 2011

    Posted 21 Jun 2012 Link to this post

    I'm experiencing the same issue, but it seems to depend on the client machine (I do not experience a line break but a colleague does). Is there a solution for this? Thanks
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017