cssangularkendo-uikendo-treeview

Cannot apply css style for kendo-checkbox inside a kendo-treeview


I have a

My problem is that the CSS for k-treeview is applied from scss file but it is not applied for the kendo-checkbox

i tried

<kendo-treeview
        [nodes]="tcHolderProducts"
        class="productTree"
        [textField]="'text'"
        kendoTreeViewCheckable
        kendoTreeViewExpandable
        kendoTreeViewSelectable
        [(checkedKeys)]="checkedKeys"
        [children]="children"
        [hasChildren]="hasChildren"
      >
      </kendo-treeview>
and my css is :

  .k-treeview {
    column-count: 2;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    kendo-checkbox {
      padding-bottom: 10px;
    }
  }

already many classes used but without any help


Solution

  • Try putting your scss in the global style.scss file.