Please take a look at the screenshot I've provided. Do you notice that there's not enough white space below the tab titles "Regular", "Cable Bolts", and "Reconditioning"?
I tried several approaches to fix this but could not figure it out. How can I fix this? Note: I do NOT want to use skins.
Robert
I tried several approaches to fix this but could not figure it out. How can I fix this? Note: I do NOT want to use skins.
Robert
5 Answers, 1 is accepted
0

Robert
Top achievements
Rank 1
answered on 15 Oct 2012, 09:49 PM
Just following up on this. There's no way to move the text on the tabs up or down?
0
Hi Robert,
One way to get the desired appearance is to get the correct css class selector and increase the margin/padding of the text. Can you clarify if you use any custom styles as well, since the text of the tabs in our demos do not look the same as the one demonstrated in your attached image?
Kind regards,
Kate
the Telerik team
One way to get the desired appearance is to get the correct css class selector and increase the margin/padding of the text. Can you clarify if you use any custom styles as well, since the text of the tabs in our demos do not look the same as the one demonstrated in your attached image?
Kind regards,
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

Robert
Top achievements
Rank 1
answered on 16 Oct 2012, 02:58 PM
Kate,
Here's my pertinent layout code:
As you see, there are no custom styles introduced there. Though there are several parent DIVs which may have an effect.
In any case, what is the particular CSS Selector with which I should experiment with to adjust the vertical position of the Tab text?
Robert
Here's my pertinent layout code:
<
telerik:RadTabStrip
ID
=
"RadTabStrip1"
runat
=
"server"
MultiPageID
=
"RadMultiPage1"
SelectedIndex
=
"0"
Align
=
"Justify"
ReorderTabsOnSelect
=
"false"
<br> Width="100%" Height="407px" AutoPostBack="true" OnTabClick="RadTabStrip1_Click"><
br
> <
Tabs
><
br
> <
telerik:RadTab
Text
=
"Regular"
Width
=
"100"
/><
br
> <
telerik:RadTab
Text
=
"Cable Bolts"
Width
=
"100"
/><
br
> <
telerik:RadTab
Text
=
"Reconditioning"
Width
=
"100"
/><
br
> </
Tabs
><
br
> </
telerik:RadTabStrip
>
As you see, there are no custom styles introduced there. Though there are several parent DIVs which may have an effect.
In any case, what is the particular CSS Selector with which I should experiment with to adjust the vertical position of the Tab text?
Robert
0

Robert
Top achievements
Rank 1
answered on 16 Oct 2012, 03:29 PM
Experimenting a little, I can indeed move the tab text up like by introducing this style into my style sheet:
.rtsIn
{
margin-top:-2px;
}
Unfortunately, that wrecks the curved styling of the tabs themselves. What I need to manipulate is just the text itself.
.rtsIn
{
margin-top:-2px;
}
Unfortunately, that wrecks the curved styling of the tabs themselves. What I need to manipulate is just the text itself.
0

Robert
Top achievements
Rank 1
answered on 16 Oct 2012, 03:32 PM
This seems to be the solution:
.rtsTxt
{
margin-top:-2px;
}
.rtsTxt
{
margin-top:-2px;
}