Metro skin issue for radpanelitem text

2 posts, 0 answers
  1. VIJESH
    VIJESH avatar
    13 posts
    Member since:
    Oct 2012

    Posted 08 May 2013 Link to this post

    Once I changed my skin to metro, the rad panel text is displaying as transparent. This issue is for only metro skin.
    Here is my radpanelbar code: (In the below code "View Service" text  became transparent, on click of imgAddNewService button.)

    <telerik:RadPanelBar ID="RadPanelBarService" runat="server" ExpandMode="SingleExpandedItem" Width="100%" AllowCollapseAllItems="True" OnClientItemClicking="OnClientItemClicking"   >
                        <Items>
                            <telerik:RadPanelItem Width="100%" runat="server" Selected="True" Value="ServiceGridPanelItem" Text="View Service" Expanded="True">
                                <HeaderTemplate>
                                    <div>
                                        <table style="width: 100%">
                                            <tr>
                                                <td style="width: 10%">
                                                    <span class="rpText" style="float: left">View Service</span></td>
                                                <td style="width: 3%; text-align: left">
                                                    <asp:ImageButton ID="imgAddNewService" runat="server" OnClick="radbtnCreateNewService_Click" Visible="false" />
                                                    <telerik:RadToolTip runat="server" ID="radToolTipAddNewService" TargetControlID="imgAddNewService" ContentScrolling="Default"
                                                        Position="BottomRight" RelativeTo="Element" AutoCloseDelay="0" Text="Click here to create new service">
                                                    </telerik:RadToolTip>
                                                </td>                                            
                                                <td style="text-align: right"><span class="rpExpandHandle" style="cursor: pointer;"></span></td>
                                            </tr>
                                        </table>
                                    </div>
                                </HeaderTemplate>
                                <Items>
                                    <telerik:RadPanelItem runat="server" Value="ServiceGridPanel">
                                        <ItemTemplate>
                                            <div id="divServiceGrid">
    </div>
    </ItemTemplate>
    ...........

  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 13 May 2013 Link to this post

    Hello VIJESH,

    It is a bug of the RadPanelBar control that we are already aware of. It is already fixed and it will be available for download with the beta version of the RadControls that we will release on May 22nd - 23rd. Meanwhile I can suggest that you use the following workaround:
    div.RadPanelBar_Metro a.rpFocused:hover,
            div.RadPanelBar_Metro div.rpFocused,
            div.RadPanelBar_Metro a.rpSelected,
            div.RadPanelBar_Metro a.rpSelected:hover,
            div.RadPanelBar_Metro div.rpSelected {
               color: black;
           }

    Greetings,
    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.
Back to Top