Select to view content in your preferred language

TimeSlider Component: layout = wide

136
1
Jump to solution
a week ago
D_Atkins
Frequent Contributor

Working with the TimeSlider, I came across the layout property (which is included as part of the demo code).  The 'compact' layout seems to work great on any screen (perhaps, to be expected); however, the 'wide' layout looks terrible on any screen: the 'slider control' gets smushed and you can see the interval-labels render stacked (and this on an ultra-wide screen).  

Demo: arcgis-time-slider--demo 'wide' layout.

D_Atkins_0-1766495990041.png

I can't imagine this is the intended design? 

By a similar token, the 'auto' layout never seems to fire either way, so by default we get the nice looking 'compact' layout all the same.

D_Atkins_0-1766495583700.png

 

0 Kudos
1 Solution

Accepted Solutions
Sage_Wall
Esri Regular Contributor

Hi @D_Atkins ,

It looks like the time slider in your screenshots is placed in the bottom-right slot of the map component, which is restricting its width. If you set a relative width on the time slider(or remove it from the slot), it should adjust its layout in ‘auto’ and look much better in a wide layout when not being squeezed into the narrow slot. 

https://codepen.io/sagewall/pen/ByzaLMm?editors=1010


View solution in original post

0 Kudos
1 Reply
Sage_Wall
Esri Regular Contributor

Hi @D_Atkins ,

It looks like the time slider in your screenshots is placed in the bottom-right slot of the map component, which is restricting its width. If you set a relative width on the time slider(or remove it from the slot), it should adjust its layout in ‘auto’ and look much better in a wide layout when not being squeezed into the narrow slot. 

https://codepen.io/sagewall/pen/ByzaLMm?editors=1010


0 Kudos