Having grief changing the panelbar item height in IE6. Works fine in FF2.
Actaully what I really want is a dashed line seperator between panelbar items:
<telerik:RadPanelItem Text="xxx" ></telerik:RadPanelItem>
<telerik:RadPanelItem Text="xxx" ></telerik:RadPanelItem>
[a dashed line seperator here]
<telerik:RadPanelItem Text="yyy"> </telerik:RadPanelItem>
<telerik:RadPanelItem Text="xxx" ></telerik:RadPanelItem>
I've tried IsSeperator with a border, but the border does not appear
<telerik:RadPanelItem IsSeparator="true" BorderStyle="Dashed" ></telerik:RadPanelItem>
I've tried using an ItemTemplate and this works well in FF but is buggered (leaves large whitespace gap) in IE6:
<telerik:RadPanelItem>
<ItemTemplate>
<div style="border: dashed 1px #ccc; margin: 0px 5px 0px 5px;"></div>
</ItemTemplate>
</telerik:RadPanelItem>
I've tried changing the above in combination with the Height of the item panel, but that property does not seem to have any effect at all on the outputed code:
<telerik:RadPanelItem Height="4px">
<ItemTemplate>
<div style="border: dashed 1px #ccc; margin: 0px 5px 0px 5px;"></div>
</ItemTemplate>
</telerik:RadPanelItem>
I've tried numerous combinations of CSS override styling with !important to change the height but I can't seem to strike the right one.
.RadPanelBar_Vista .rpGroup .rpSeparator
{
height: 1px !important;
}
Why doesn't setting the height property on the PadPanelItem work for me? I'm using a Vista skin.
regards
ewart
Actaully what I really want is a dashed line seperator between panelbar items:
<telerik:RadPanelItem Text="xxx" ></telerik:RadPanelItem>
<telerik:RadPanelItem Text="xxx" ></telerik:RadPanelItem>
[a dashed line seperator here]
<telerik:RadPanelItem Text="yyy"> </telerik:RadPanelItem>
<telerik:RadPanelItem Text="xxx" ></telerik:RadPanelItem>
I've tried IsSeperator with a border, but the border does not appear
<telerik:RadPanelItem IsSeparator="true" BorderStyle="Dashed" ></telerik:RadPanelItem>
I've tried using an ItemTemplate and this works well in FF but is buggered (leaves large whitespace gap) in IE6:
<telerik:RadPanelItem>
<ItemTemplate>
<div style="border: dashed 1px #ccc; margin: 0px 5px 0px 5px;"></div>
</ItemTemplate>
</telerik:RadPanelItem>
I've tried changing the above in combination with the Height of the item panel, but that property does not seem to have any effect at all on the outputed code:
<telerik:RadPanelItem Height="4px">
<ItemTemplate>
<div style="border: dashed 1px #ccc; margin: 0px 5px 0px 5px;"></div>
</ItemTemplate>
</telerik:RadPanelItem>
I've tried numerous combinations of CSS override styling with !important to change the height but I can't seem to strike the right one.
.RadPanelBar_Vista .rpGroup .rpSeparator
{
height: 1px !important;
}
Why doesn't setting the height property on the PadPanelItem work for me? I'm using a Vista skin.
regards
ewart