Kendo 面板栏缩进 Children / 大 Children

Question

Angular

我有一个 children / Grand Children 的 PanelBar。我怎样才能使 children / Grand Children 缩进额外的 3em，以便 children 向右移动并出现在 parent 下方，稍微偏移一下。

现在 children / Grand Children 就在他们 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>

Answer 1

您可以通过简单的方式实现 css:

   .k-panelbar .k-group  {
       padding-left: 10px;
  }

示例：PanelBar indent

Kendo 面板栏缩进 Children / 大 Children

Kendo PanelBar Indent Children / Grand Children

angular

kendo-ui

kendo-panelbar