How to Optimize Adroit SmartUI Dashboards for Mobile Devices?

[justinross]

Hello everyone,

I am designing a set of dashboards using Adroit SmartUI for a project that requires seamless access across both desktop and mobile devices; While the desktop experience has been straightforward, I am facing challenges when optimizing the dashboards for mobile use.

My primary concern is ensuring that the layout remains user friendly and that all elements are responsive without compromising on the richness of the data displayed. I am struggling with adjusting complex data visualizations and interactive elements to fit smaller screens without losing their functionality.

Has anyone had experience with mobile optimization in Adroit SmartUI? I would love to hear your strategies or any specific configurations or settings that work well. There are any common issues or limitations I should be aware of when targeting mobile devices??

Also i have read this resorse/artical; http://adroittechnologiesautomation.com/t/adroit-sui-creating-a-device-and-linking-it-to-an-agent-taggenerative-ai but have not found any solution still need your advice examples or resources would be greatly appreciated.

Thank you:grinning:

[damiand]

Have You tried PerformanceAnywhere - web design metroUI style? It can be used also on desktop browser.
That’s one way, another is going WinForms design practices for mobile (please type in search engine).
Basically, remember to dock elements, put them in grid objects and enable scaling with having in mind minimal size.
Use lots (almost exclusively if possible) vector elements - for text scaling and smooth rendering.

[Frits]

Also see:
https://adroittechnologiesautomation.com/t/how-to-use-the-tablelayoutcontrol-to-dynamically-size-the-operator-graphic-forms-for-different-resolutions/1249