RadPanelItem - Link (<a>) in Text - Problem

4 posts, 0 answers
  1. Roberto
    Roberto avatar
    3 posts
    Member since:
    Dec 2012

    Posted 19 Aug 2014 Link to this post

    Hello! 

    I'm trying to put a link (<a>) in the text property of RadPanelItem. 

    By doing this, I have problems with the layout, as below

    Is it possible to fix?
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 22 Aug 2014 in reply to Roberto Link to this post

    Hi Roberto,

    Please try the below CSS which works fine at my end.

    CSS:
    .RadPanelBar .rpLink, .RadPanelBar .rpOut, .RadPanelBar .rpText
    {
        display: inline-block !important;
        background-color: White !important;
    }
    .RadPanelBar .rpRootGroup, .RadPanelBar .rpGroup, .RadPanelBar .rpItem
    {
        background-color: White !important;
    }

    Thanks,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Roberto
    Roberto avatar
    3 posts
    Member since:
    Dec 2012

    Posted 22 Aug 2014 Link to this post

    Thanks Princy, but the problem still persists.
  5. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 24 Aug 2014 in reply to Roberto Link to this post

    Hi Roberto,

    Unfortunately I couldn't replicate the issue at my end. Please have a look into the sample code snippet which works fine at my end.

    ASPX:
    <telerik:RadPanelBar ID="RadPanelBar1" runat="server">
        <Items>
            <telerik:RadPanelItem Text="demo<a href=#>Text</a>This is an example">
            </telerik:RadPanelItem>
            <telerik:RadPanelItem Text="Second Line">
            </telerik:RadPanelItem>
            <telerik:RadPanelItem Text="Third Line">
            </telerik:RadPanelItem>
        </Items>
    </telerik:RadPanelBar>

    CSS:
    <style type="text/css">
        .RadPanelBar .rpLink, .RadPanelBar .rpOut, .RadPanelBar .rpText
        {
            display: inline-block !important;
            background-color: White !important;
        }
        .RadPanelBar .rpRootGroup, .RadPanelBar .rpGroup, .RadPanelBar .rpItem
        {
            background-color: White !important;
        }
    </style>

    Thanks,
    Princy.
Back to Top