Lauren Lopes
Top achievements
Rank 1
Rank 1
Lauren Lopes
asked on 19 Aug 2009, 12:27 PM
I am working on a RadPanelBar since upgrading to the newest version of Telerik. I have managed to fix all the other things that changed from the previous version, except for the position of the .rpLink text (the title of the link subsection) but it is currently at the top. What do I change in the css file to put this in the right position?
4 Answers, 1 is accepted
0
Hello Lauren,
From your description, it seems to me that you should most probably change the line-height. If you provide your skin or an image of what you are trying to achieve, we'll be able to help you more.
In this line of thought, you could try out the Visual Style Builder - its support of the RadPanelBar is quite stable and might help you with the styling.
Sincerely yours,
Alex
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
From your description, it seems to me that you should most probably change the line-height. If you provide your skin or an image of what you are trying to achieve, we'll be able to help you more.
In this line of thought, you could try out the Visual Style Builder - its support of the RadPanelBar is quite stable and might help you with the styling.
Sincerely yours,
Alex
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Erik
Top achievements
Rank 2
Rank 2
answered on 12 Sep 2011, 11:51 AM
Hello Lauren and Alexander,
I'm having the same problem, for a while I tried to get the text lower.
The style Builder only can change color for the radpanelbar.
I have a example of the text in the bar where you can see the text is aligned on top and not centered.
how can I move the text down? tried css: height, line-height, vertical-align, but no effect...
Thanks,
Erik
I'm having the same problem, for a while I tried to get the text lower.
The style Builder only can change color for the radpanelbar.
I have a example of the text in the bar where you can see the text is aligned on top and not centered.
how can I move the text down? tried css: height, line-height, vertical-align, but no effect...
Thanks,
Erik
0
Cat Cheshire
Top achievements
Rank 1
Rank 1
answered on 12 Sep 2011, 12:53 PM
The css style applied to panelbar items is called ".rpText" , you can override it and define the alignment and font size :
<head runat="server"> <title></title> <style type="text/css"> .rpText { text-align: center; font: 12px/24px "Segoe UI",Arial,sans-serif; } </style></head>0
Erik
Top achievements
Rank 2
Rank 2
answered on 12 Sep 2011, 06:47 PM
Thanks Cat,
I meant vertical align, but it got me going:
css:
aspx:
Erik
I meant vertical align, but it got me going:
css:
.masterPanelBar .rpText{ line-height: 27px; vertical-align: text-bottom;}<telerik:RadPanelBar ID="RadPanelBar1" CssClass="masterPanelBar" Width="100%" runat="server"> <Items> ...Erik