Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Need to improve mobile responsive #45

Open
patel33hardik opened this issue Oct 2, 2019 · 2 comments
Open

Need to improve mobile responsive #45

patel33hardik opened this issue Oct 2, 2019 · 2 comments

Comments

@patel33hardik
Copy link

patel33hardik commented Oct 2, 2019

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.

  • 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
  • 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.

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

@AlexKlimenkov
Copy link
Contributor

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
Copy link
Author

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants