bryntum / support

An issues-only repository for the Bryntum project management component suite which includes powerful Grid, Scheduler, Calendar, Kanban Task Board and Gantt chart components all built in pure JS / CSS / TypeScript
https://www.bryntum.com
54 stars 6 forks source link

Scheduler responsiveLevels not working in vertical mode #9839

Open taauntik opened 3 months ago

taauntik commented 3 months ago

Forum post

Hi,

I am testing responsiveLevels, and it seems to not do anything in vertical mode. Is this correct, or am i doing something wrong?

I'm looking to increase/decrease the tickWidth/tickHeight for vertical and horizontal mode based on the width/height of the screen (making sure we get a consistent experience throughout multiple resolutions.)

    responsiveLevels: {
      small: {
        levelWidth: 800,
        tickSize: 125,
        rowHeight: 10
      },
      normal: {
        levelWidth: '*',
        tickSize: 110,
        rowHeight: 20
      },
      large: {
        levelWidth: 1080,
        tickSize: 122,
        rowHeight: 30
      }
    }

image

Thanks in advance!

ExtAnimal commented 3 months ago

It does work. You can see it flipping between "large" with tick size of 180 and "small" with tick size of 125:

https://github.com/user-attachments/assets/d6b1027c-ab71-4eb3-8e5a-7112ac16a2cf