Smart UI Components & Libraries – Grid, Scheduler, Gantt, Kanban for Angular, React, Next.js, Vue, Blazor, JavaScript › Forums › Gantt › zoom/cell width

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 21, 2022 at 12:29 pm #104149
    Guillermo Rubio
    Participant

    Hello,

    Is there any way to change the size of the timeline-cell, in some kind of zoom, so i can make days wider or shorter.

    I tried changing the root variable –smart-gantt-chart-timeline-cell-size but it is overwritted by style property:

    https://ibb.co/qCrtRnk

    Thanks

    December 22, 2022 at 7:12 am #104153
    svetoslav_borislavov
    Participant

    Hi,

    Your selector must match the gantt element and in it, you should change the style.
    For example:

    #gantt {
    –smart-gantt-chart-timeline-cell-size: 200px
    }

    Here is a demo of doing the desired zoom: https://codepen.io/svetoslavb04/pen/oNMXvep

    I hope this helps! If not, do not hesitate to contact us!

    Best Regards,
    Svetoslav Borislavov

    Smart UI Team
    https://www.htmlelements.com/

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