hi can i control RadToolBar height, i want height in 30px
i tried but nothing happened
why the "Content Search" Text property of RadToolBarButton shown in 2 rows?
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
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!
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
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:
All the best,
Kate
the Telerik team
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?
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:
-Shinu.
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
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.
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?
Is there a way to override the generation of the line break when I apply isSeparator to true?
0
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
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