This is a migrated thread and some comments may be shown as answers.

Panel bar style problem

1 Answer 87 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Dominika
Top achievements
Rank 1
Dominika asked on 06 Apr 2009, 03:58 PM
Hello,
I have a problem with the panelbar style. I'm working with the latest version of RadControls (Q1_2009, updated in April). Actually, I would like to change the padding style attribute of the rpItem (line 8 in the code below) element but I can't make it work... The changes that I make either in the component itself or in the css aren't taken into consideration (is it overwritten somewhere?). Isn't it possible to change the style of this element?
Thank you in advance for your help

 

<div style="width: 250px; bottom: 0px; top: 0px; left: 0px; float: left; position: absolute;">

 

 

<telerik:RadPanelBar ID="pnlN" runat="server" Width="100%" Style="position: absolute;

 

 

bottom: 0px; top: 0px; left: 0px;" ExpandMode="FullExpandedItem" CollapseAnimation-Type="None"

 

 

ExpandAnimation-Type="None" AllowCollapseAllItems="false">

 

 

<Items>

 

 

<telerik:RadPanelItem Text="A" Value="A" Expanded="True" Selected="True">

 

 

<Items>

 

 

<telerik:RadPanelItem runat="server" Height="99%">

 

 

<ItemTemplate>

 

 

<iframe id="frmA" name="frmA" runat="server" frameborder="0" style="height: 100%; width: 100%;"

 

 

scrolling="yes"></iframe>

 

 

</ItemTemplate>

 

 

</telerik:RadPanelItem>

 

 

</Items>

 

 

</telerik:RadPanelItem>

 

 

<telerik:RadPanelItem Text="B" Value="B">

 

 

<Items>

 

 

<telerik:RadPanelItem runat="server">

 

 

<ItemTemplate>

 

 

<iframe id="frmB" name="frmB" runat="server" frameborder="0" style="height: 100%; width: 100%;"

 

 

scrolling="yes"></iframe>

 

 

</ItemTemplate>

 

 

</telerik:RadPanelItem>

 

 

</Items>

 

 

</telerik:RadPanelItem>

 

 

</Items>

 

 

</telerik:RadPanelBar>

 

 

</div>

 

1 Answer, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 07 Apr 2009, 06:30 AM
Hello Kusi,

I'm not very clear as to what is your requirement exactly but from my understanding you can try setting the padding of the RadPanelItem to 0px in its css class using the !important keyword, so that any preset style in the skin is overridden by the custom style. Check out the sample code below for reference:
aspx:
 <telerik:RadPanelItem Text="Items" CssClass="panel"

css:
 .panel .rpText 
    { 
      padding-left:0px !important; 
    } 

Thanks
Princy.
Tags
PanelBar
Asked by
Dominika
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Share this question
or