This is a migrated thread and some comments may be shown as answers.

RadToolBar

9 Answers 142 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
Johnny
Top achievements
Rank 2
Johnny asked on 23 Dec 2011, 02:51 AM
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?

9 Answers, 1 is accepted

Sort by
0
Richard
Top achievements
Rank 1
answered on 23 Dec 2011, 05:58 PM
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!
0
Kate
Telerik team
answered on 27 Dec 2011, 10:38 AM
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
0
Johnny
Top achievements
Rank 2
answered on 28 Dec 2011, 03:10 AM
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?
0
Shinu
Top achievements
Rank 2
answered on 28 Dec 2011, 06:33 AM
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.
0
Johnny
Top achievements
Rank 2
answered on 28 Dec 2011, 07:09 AM
so if i use RadToolbar i couldn't fix 30px heigt?
better i don't use RadToolBar
0
Shinu
Top achievements
Rank 2
answered on 28 Dec 2011, 09:49 AM
Hello,

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

-Shinu.
0
William
Top achievements
Rank 1
answered on 13 Feb 2012, 04:41 PM
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?
0
Kate
Telerik team
answered on 16 Feb 2012, 05:14 PM
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 >>
0
MarkSci
Top achievements
Rank 1
answered on 21 Jun 2012, 10:05 AM
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
Tags
ToolBar
Asked by
Johnny
Top achievements
Rank 2
Answers by
Richard
Top achievements
Rank 1
Kate
Telerik team
Johnny
Top achievements
Rank 2
Shinu
Top achievements
Rank 2
William
Top achievements
Rank 1
MarkSci
Top achievements
Rank 1
Share this question
or