Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > ToolBar > RadToolBar

• Johnny Intermediate

  Posted on Dec 22, 2011 (permalink)

  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?

  Reply

• jumpstart Master

  Posted on Dec 23, 2011 (permalink)

  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!
  

  Reply


• Kate Kate

  Posted on Dec 27, 2011 (permalink)

  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

  Reply

• Johnny Intermediate

  Posted on Dec 27, 2011 (permalink)

  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?
  

  Reply

• Shinu MVP

  Posted on Dec 28, 2011 (permalink)

  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.

  Attached files

  • Image.png

  Reply

• Johnny Intermediate

  Posted on Dec 28, 2011 (permalink)

  so if i use RadToolbar i couldn't fix 30px heigt?
  better i don't use RadToolBar
  

  Reply

• Shinu MVP

  Posted on Dec 28, 2011 (permalink)

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

  Reply

• William

  Posted on Feb 13, 2012 (permalink)

  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?

  Reply

• Kate Kate

  Posted on Feb 16, 2012 (permalink)

  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 >>

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > ToolBar > RadToolBar