DHTMLX Scheduler on Mobile

Scheduler
#1

Hi,

Is there anyway to have the Day Week Month buttons appear on a separate line to the date range and Today < > . I am testing your control in a desktop and mobile environment and when in mobile it would be good to have these appear on separate lines as you can see in Image 2 below that it becomes all squeezed together.

Is there a css file for the them that will allow me to do this ?

Regards,

Sam

Mobile_Image

#2

Hi @SamC

The issue can be solved by using CSS media queries for specific screens. For example:

@media screen and (max-width: 600px) {
  .dhx_cal_navline{height:100px!important}
  .dhx_cal_date{margin-top:50px}
}

Please use this link to check how it looks on mobile devices https://snippet.dhtmlx.com/5/a816972a3

#3

Hi Polina,

Where do I place the css … In the skin css ( dhtmlxscheduler_flat.css ) or somewhere else ?

Regards,
Sam

#4

Hi Polina,

Dont worry I have worked it out …

See attached screen shot

:slight_smile:Mobile_Image_New