Smart UI Components & Libraries – Grid, Scheduler, Gantt, Kanban for Angular, React, Next.js, Vue, Blazor, JavaScript › Forums › Gantt › Customize Timeline column size

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 21, 2024 at 10:11 am #110940
    Navaram CJV
    Participant

    How to customize the timeline column size in Gantt using API as I need to update the size dynamically for week or month . Although there is css varible for this setting is there any other way through API?

    • This topic was modified 1 year, 5 months ago by Navaram CJV.
    May 21, 2024 at 11:08 pm #110944
    ivanpeevski
    Participant

    Hi,

     

    You can either use CSS or set the “taskColumns” property to a new array with the update column sizes.

     

    Best Regards,
    Ivan Peevski
    Smart UI Team
    https://www.htmlelements.com/

    May 22, 2024 at 6:01 am #110946
    Navaram CJV
    Participant

    It is the timeline column width we have to modify through API.  Can you provide a way for updating following css variable functionality through API :

    <–smart-gantt-chart-timeline-cell-size>

    • This reply was modified 1 year, 5 months ago by Navaram CJV.
    • This reply was modified 1 year, 5 months ago by Navaram CJV.
    May 22, 2024 at 11:42 am #110951
    admin
    Keymaster

    Hi,

    This help tutorial: https://www.w3schools.com/css/css3_variables_javascript.asp shows how to update CSS variables.

    Best Regards,
    Markov

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

    May 24, 2024 at 3:11 am #110957
    Navaram CJV
    Participant

    I want to configure it during the initial render like taskcolumns and not use the css variables. I made it clear i want to achieve this through API like taskcolumns. Please confirm If you have or  dont have this functionality or  any future plan to implement it.

    Thanks

    • This reply was modified 1 year, 5 months ago by Navaram CJV.
    May 24, 2024 at 10:19 am #110961
    admin
    Keymaster

    Hi,

    You can set these variables in the CSS file of your app, which means that this would be in the initial render.

    Best Regards,
    Markov

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

    May 24, 2024 at 2:46 pm #110962
    Navaram CJV
    Participant

    Ok so the summary is it cant be set like taskcolumns as part of typescript.

    How we can set different column widths for month and week view as smart-gantt-chart-timeline-cell-size is common for both month and week view ?

    May 27, 2024 at 9:34 am #110979
    admin
    Keymaster

    Hi Naravam,

    The width of the gantt chart’s cells could be the same for all views. We do not support custom width for different gantt views.

    Best Regards,
    Markov

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

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