Radpanel item back color as transparent

4 posts, 0 answers
  1. jayanthi
    jayanthi avatar
    111 posts
    Member since:
    Jul 2010

    Posted 20 Feb 2012 Link to this post

    Hello,

    Its really very urgent.

    I have a RadpanelBar placed inside <asp:panel>

     

     

    <telerik:RadPanelBar ID="RadPanelBar1" Runat="server" Width="195px" BackColor="Transparent">
    <Items
     <telerik:RadPanelItem Value="item1" runat="server" Text="Info" Expanded="true" Font-Bold="true"
     <ContentTemplate
     <table cellspacing="0" border="0" cellpadding="0"
     <tr
     <td
     <telerik:RadBinaryImage ID="imgUser" runat="server" AutoAdjustImageControlSize="true" ImageAlign="Middle" 
     Height="154px" Width="195px" /> 
     </td
     </tr
     </table
     </ContentTemplate
     </telerik:RadPanelItem>

    I need to set Radpanel bar back color as Transparent to match the <asp:panel> color.
    So i set Backcolor="Transparent" in Radpanelbar, it works for the content in radpanelitem, but radpanelitem heading is not changing to transparent color.
    I tried CSS, but it doesnt works.

    Kindly guide me.

    Jayanthi

     

     

     

  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 21 Feb 2012 Link to this post

    Hello,

    Try setting CSS for the panel item as shown below.
    aspx:
    <telerik:RadPanelItem Value="item1" runat="server" Text="Info" CssClass="panel1" Expanded="true" Font-Bold="true"
    </telerik:RadPanelItem>
    CSS:
    .panel1
    {
       background-color:transparent !important;
     }

    -Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. jayanthi
    jayanthi avatar
    111 posts
    Member since:
    Jul 2010

    Posted 21 Feb 2012 Link to this post

    No, its not working. Any other ideas?
  5. jayanthi
    jayanthi avatar
    111 posts
    Member since:
    Jul 2010

    Posted 21 Feb 2012 Link to this post

    Hi Shinu,

    Can i know why css is not applying for Radpanel Item?
    I have attached the image, in that content template of RadpanelBar shows "transparent" as like panel back color .
    But Radpanelitem "Info, Details" doesnt change to transparent back color of panel.
    This is my code

     

     

     

    <telerik:RadPanelItem Value="item1" runat="server" Text="Info" Expanded="true" Font-Bold="true" 
                                         CssClass="panel1" >
                                          <ContentTemplate>
                                        <table cellspacing="0" border="0" cellpadding="0">
                                        <tr>
                                        <td>
                                        <telerik:RadBinaryImage ID="imgUser" runat="server" AutoAdjustImageControlSize="true" ImageAlign="Middle"
                                         Height="154px"  Width="195px" />
                                        </td>
                                        </tr>
                                                                         </table>
                                        </ContentTemplate>
                                        </telerik:RadPanelItem>

    Thank you
    Jayanthi
Back to Top