.rpLink text alignment

5 posts, 0 answers
  1. Lauren Lopes
    Lauren Lopes avatar
    1 posts
    Member since:
    Aug 2009

    Posted 19 Aug 2009 Link to this post

    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?
  2. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 19 Aug 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Erik
    Erik avatar
    314 posts
    Member since:
    Feb 2008

    Posted 12 Sep 2011 Link to this post

    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
  5. Cat Cheshire
    Cat Cheshire avatar
    128 posts
    Member since:
    Jun 2010

    Posted 12 Sep 2011 Link to this post

    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>
  6. Erik
    Erik avatar
    314 posts
    Member since:
    Feb 2008

    Posted 12 Sep 2011 Link to this post

    Thanks Cat,

    I meant vertical align, but it got me going:
    css:
    .masterPanelBar .rpText
    {
        line-height: 27px;
        vertical-align: text-bottom;
    }
    aspx:
    <telerik:RadPanelBar ID="RadPanelBar1" CssClass="masterPanelBar" Width="100%" runat="server">
        <Items>
            ...

    Erik
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017