JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Data Grid › Change the symbols of expand and collapse in grid-tree

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 20, 2021 at 5:04 pm #102246
    arheopterix1960
    Member

    Hello.
    How can I change the expand (^) and collapse (v) categories icons to other symbols in the grid-tree?
    Thank

    September 21, 2021 at 9:40 am #102250
    YavorDashev
    Member

    Hi Oleg Ilin,
    This functionality is easily achievable with the --smart-icon--arrow-down CSS variable.
    Quick code snippet that I have made to showcase you how to set it up:

    smart-grid {
  height: auto;
  width: 100%;
  --smart-icon-arrow-down: var(--smart-icon-clock);
}

    Let me know if that works for you!
    Please, do not hesitate to contact us if you have any additional questions.
    Best regards,
    Yavor Dashev
    Smart UI Team
    https://www.htmlelements.com/

    October 1, 2021 at 4:21 pm #102315
    arheopterix1960
    Member

    Dear  Yavor!
    Thank you  for a complete answer!
    Regards,
    Oleg Ilin

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.