Radpanel item back color as transparent

[jayanthi]

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

 

 

 

[Shinu]

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.

[jayanthi]

No, its not working. Any other ideas?

[jayanthi]

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