Indent childred

[IanV]

I have a PanelBar with children. How can I make the children index an extra 3em so that the children are moved to the right and appear under the parent, offset by a bit.

 

Right now the children are directly below their parent.

 

        <kendo-panelbar-item title="Orders">
          <kendo-panelbar-item title="Upload Orders"></kendo-panelbar-item>
          <kendo-panelbar-item title="Batch Summary"></kendo-panelbar-item>
        </kendo-panelbar-item>

[Martin]

Hello Ian,

Thank you for the screenshot provided.

The PanelBarItem component does not support built-in indent property, but using some custom CSS code, the position of the element can be modified as desired:

  <kendo-panelbar-item title="Orders">
          <kendo-panelbar-item class="custom-indent" title="Upload Orders"></kendo-panelbar-item>
          <kendo-panelbar-item class="custom-indent" title="Batch Summary"></kendo-panelbar-item>
  </kendo-panelbar-item>

 .custom-indent{
        padding-left: 15px;
      }

I hope this helps.

Regards,
Martin
Progress Telerik