DHTMLX / scheduler

GPL version of JavaScript Event Scheduler
https://dhtmlx.com/docs/products/dhtmlxScheduler/
GNU General Public License v2.0
315 stars 111 forks source link

Need to improve mobile responsive #45

Open patel33hardik opened 5 years ago

patel33hardik commented 5 years ago

Hi team, I have checked new release and happy that you have spent some time to mobile responsiveness https://dhtmlx.com/blog/dhtmlxscheduler-5-3-minor-update-rtl-support-improved-responsiveness/

Feedback on this: https://docs.dhtmlx.com/scheduler/samples/01_initialization_loading/13_touch_ui.html image 1,2,3(from above image). the label should be aligned centre with the elements. 4,5. This should be (remove extra space in left side) padding-left: 0px on mobile devices.

This is the only feedback from my point of view for New mobile responsiveness. Thanks

AlexKlimenkov commented 5 years ago

Hello,

thank you for the thoughtful feedback! We're looking into it now.

1,2,3(from above image). the label should be aligned centre with the elements.

Do you mean vertical alignment? We'll look into it, probably it will be fixed in one of the upcoming bugfix updates

4,5. This should be (remove extra space in left side) padding-left: 0px on mobile devices.

We'll probably remove padding-left from the recurring section. As for the time section, I'm not sure right now, since it's supposed to have the same padding as controls in 1,2,3. But we'll definitely do some experiments and will try to come up with something, thanks!

In the new version, I have found that calendar and other SVG files changed from white to blue. would be better if the user can able to change the colour of an icon or SVG.files

As far as I can see, icons of the material skin haven't been changed since the time they were added (over a year and a half ago), so I'm not sure what you mean regarding changed color from white to blue. If you've previously used the Terrace skin and switched to the Material skin now - then yes, they use different color schemes.

As for changing colors on your end - svg files are loaded as images so you can't change their colors with css. Although you can replace the built-in icons with your own ones, it would be pretty easy to change colors of svg images in any text editor: http://prntscr.com/pe8oyn

It would be great if scrolling colour or theme like black added to the dhx_cal_data class instead of the default. It would look awesome when the user does not use the full width.

I'm not sure I completely understand what you mean. Can you give me a link to any kind of example of what you describe?

patel33hardik commented 5 years ago

Hi @AlexKlimenkov Thanks for your quick attention to this thread. In the last question, I want to explain about the scrolling design. It can possible using the third party OverlayScrollbars plugins. Please follow this link to know what is the issue. https://forum.dhtmlx.com/t/how-to-change-scroll-bar-css-in-dhtmlx-scheduler/68397 The solution provided in this thread is not compatible with the other browsers.

I raised this issue because you have designed a magnificent look for DHTMLX plugin and default scrolling skin does nasty for this professional look plugin.