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

Padding not working

1 Answer 102 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
L
Top achievements
Rank 1
L asked on 09 Aug 2016, 06:29 AM

hi

i have this xml code for the panelbar and the padding left seems not working. How should i get it working? Thanks a lot.

 

<?xml version="1.0" encoding="utf-8" ?>
<PanelBar>

<Item Text="Course" Font-Size="1.1em"  ForeColor="#00a7dd">
      <Item Text="Lists" Font-Size="0.9em" style="padding-left:20px" ForeColor="#00a7dd" />   
      <Item Text="Categories" Font-Size="0.9em" style="padding-left:20px" ForeColor="#00a7dd"/>
</Item>

 

</PanelBar>

1 Answer, 1 is accepted

Sort by
0
Accepted
Veselin Tsvetanov
Telerik team
answered on 11 Aug 2016, 01:16 PM
Hello,

When using an XML to bind and load content in RadPanelBar, the style property cannot be mapped. You will have to apply custom CSS rules to the Items instead:
.RadPanelBar .rpItem .rpGroup .rpItem:first-child .rpLink {
    padding-left:20px
}
.RadPanelBar .rpItem .rpGroup .rpItem:nth-child(2) .rpLink {
    padding-left:20px
}

Regards,
Veselin Tsvetanov
Telerik by Progress
Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Tags
PanelBar
Asked by
L
Top achievements
Rank 1
Answers by
Veselin Tsvetanov
Telerik team
Share this question
or