PanelBar item indent

[Legalia]

Hi..
i am using RadPanel Items bar with ImageUrl.
i don't want all items with same style. means first item comes as header like style. but i don't want that style.

and
i want to give indent accoring to level..
i tried to give CSS like

.RadPanelBar_Office2007 .rpRootGroup, .RadPanelBar_Office2007 .rpRootGroup .rpLink
{
    border: none !important;
}
.RadPanelbar_Office2007 .rpLevel1 .rpImage
{
    padding-left: 5px;
}

.RadPanelbar_Office2007 .rpLevel2 .rpImage
{
    padding-left: 13px;
}
.RadPanelbar_Office2007 .rpLevel3 .rpImage
{
    padding-left: 21px;
}
.RadPanelbar_Office2007 .rpLevel4 .rpImage
{
    padding-left: 29px;
}

but it does not work...

[nbushnell]

We had some CCS indenting/padding issues and were able to use "text-indent: 50px;" instead of "padding-left:50px;"

good luck

[Kamen Bundev]

Hello,

These selectors actually work, but are case-sensitive:

.RadPanelBar_Office2007 .rpLevel1 .rpImage
{
    padding-left: 5px;
}
.RadPanelBar_Office2007 .rpLevel2 .rpImage
{
    padding-left: 13px;
}
.RadPanelBar_Office2007 .rpLevel3 .rpImage
{
    padding-left: 21px;
}
.RadPanelBar_Office2007 .rpLevel4 .rpImage
{
    padding-left: 29px;
}

Root elements though can't be removed without major revamp of the RadPanelBar. We can help you with such custom implementation if you open a ticket for it.

Let me know if this helps.

Regards,
Kamen Bundev
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Legalia]

hello,
Thanks,
it works.
samll 'b' was the reason of the problem.

And for header item (first) item, i am giving Text="" so it is not displaying it. so it works with my solution.

[Legalia]

hello,
Thanks,
it works.
small 'b' was the reason of the problem.

And for header item (first) item, i am giving Text="" so it is not displaying it. so it works with my solution.