Re: Implementing a Mobile-Friendly Layout for a GWT Application Using UiBinder

Don't try to put things like CSS media queries in the <ui:style> in the ui.xml files.  In my experience, GWT doesn't understand this, and it doesn't work.  Instead, have them in a normal CSS file that you include, and that you reference via the normal "class" attribute in your ui.xml files.

On Thursday, 20 March 2025 at 8:38:21 pm UTC+11 divyanshu kumar wrote:

I'm working on a GWT application that was originally designed for desktop screens, but I now need to create a mobile-friendly layout that retains the existing functionality. As I'm relatively new to GWT and UiBinder, I'm looking for guidance on the best practices for adapting my UI for mobile devices.

My specific questions are:

• Responsive Design: What strategies or design patterns can I use within GWT to implement a responsive or adaptive layout?
• UiBinder Tips: Are there any particular tips or resources for effectively using UiBinder when designing for mobile?
• Code Reusability: How can I maintain the same functionality across both desktop and mobile versions without duplicating too much code?

Any sample code recommended libraries or links to useful tutorials would be greatly appreciated. Thanks in advance for your help!

--
You received this message because you are subscribed to the Google Groups "GWT Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscribe@googlegroups.com.
To view this discussion visit https://groups.google.com/d/msgid/google-web-toolkit/057d713d-394b-42c4-ade3-1c2758cfa66dn%40googlegroups.com.