Re: DateBox with months and years only ?
Hi, thanks. It is not the DateBox widget that i want to customize but the DatePicker widget. I want the user to be able to pick a month of a year, not a day of a month of a year. In fact, i want exactly this : http://lucianocosta.info/jquery.mtz.monthpicker/ Any clue ? On Tuesday, September 17, 2013 10:18:53 PM UTC+2, jaga wrote: > > The main ingredient will be a DateTimeFormat. > > > http://www.gwtproject.org/javadoc/latest/com/google/gwt/i18n/client/DateTimeFormat.html > > Initialise your datebox with a correctly configured DateTimeFormat. > > Create a uibinder class using gwt eclipse plugin. Add a date box to it. > Use provided=true to allow you to initialise it manually. > > -- You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscr...@googlegroups.com. To post to this group, send email to google-web-toolkit@googlegroups.com. Visit this group at http://groups.google.com/group/google-web-toolkit. For more options, visit https://groups.google.com/groups/opt_out.
Re: The Frame class adds to the history tokens every time I change the URL, how can I stop that?
See https://code.google.com/p/google-web-toolkit/issues/detail?id=624#c12 (this was specifically for the FormPanel, but the underlying issue is the same) A workaround seems to be to recreate a new Frame each time; not sure whether the tricks from Closure would apply here. On Wednesday, September 18, 2013 3:07:07 AM UTC+2, Mohammad Al Quraian wrote: > > I noticed that a certain page would appear many times in the 'go back' > history tokens. After some digging I found out that the cause is the class > 'Frame', specifically every time I change the URL like this: > > videoFrame.setUrl(url); > > the tokens would increase with the same current page! Which is very > annoying. I tried to stop the LoadEvent like this: > > > private HandlerRegistration handler; > > handler = videoFrame.addLoadHandler(new LoadHandler() { > > @Override > public void onLoad(LoadEvent event) { > handler.removeHandler(); > } > }); > > With no luck what so ever. I tried other things but I got no where. > Any help? > > Thanks > -- You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscr...@googlegroups.com. To post to this group, send email to google-web-toolkit@googlegroups.com. Visit this group at http://groups.google.com/group/google-web-toolkit. For more options, visit https://groups.google.com/groups/opt_out.
Re: How to use different CSS/Code for different browsers/devices/os?
1. The problem with GWT's conditional CSS is that it is evaluated once, at the time the CSS resource is processed, which means that you won't get runtime changes if the user changes the window size (or a mobile user changes the orientation). 2. The problem with media queries in the CSS is that GWT's CSS resources don't (as of the last time I looked) support them. 3. Another problem with media queries is that IE6-8- don't support them. My solution has been to: 1 & 2: have a separate CSS resource for each media query, but without the query within it. Instead, get the CSS string from the resource and wrap the query around it yourself, and then inject the resulting string. 3: have yet another variation of each resource, for IE6-8, where there is a marker class in front of every selector, like: Base resource for @media (min-width: 400px) and (max-width: 639px): .special { color: red; } IE6-8 version: @external .ie_400_639; .ie_400_639 .special { color: red; } Then, for IE6-8, use a window resize handler to manage adding the appropriate class to the html tag (and, of course, removing any outdated class). Run that when the entrypoint class loads as well. Yeah, part 3 is a pain to manage - I ended up creating a Java tool to manually run the CSS through to create the IE versions using a horrendously complicated RegEx. On Tuesday, September 17, 2013 4:12:10 PM UTC-4, Joshua Godi wrote: > > Why not try using responsive css with media queries? You can change the > dimensions/background-url for the images and such. > > Here is a good source for standard media queries: > http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ > > On Saturday, September 14, 2013 8:40:46 AM UTC-5, Ed wrote: >> >> How can I use different CSS files, and different code for different >> Browsers or devices? >> >> What I want: >> For the desktop web browser, I show all of the applications functionality >> with images of different resolution. >> However, on a Tablet (iPad) I show the same application but with >> different images/resolution. >> And for the smartPhone (iPhone, Samsung S4), I show only restricted >> application functionality with different images/resolution (different >> buttons). >> >> How can this best be done to optimal use GWT (code splitting, code >> minimization, etc...) ? >> >> My thoughts: Use different Factory classes for different >> Browsers/devices. These factories classes will then create the required >> Client Bundles and Controller (to modify app code) classes. >> Then select the correct factory through GWT config files by indicating >> the required "user.agent" property. >> >> Is this the way to go ? Or/And maybe use Mgwt and let it handle it >> (haven't used mgwt yet)... ? >> Please your experience/advice? >> >> -- You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscr...@googlegroups.com. To post to this group, send email to google-web-toolkit@googlegroups.com. Visit this group at http://groups.google.com/group/google-web-toolkit. For more options, visit https://groups.google.com/groups/opt_out.
LookAndFeel with GWT ?
Hello all There's an mode to add LookAndFeel in my project GWT ? how to ? thanks ! -- You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscr...@googlegroups.com. To post to this group, send email to google-web-toolkit@googlegroups.com. Visit this group at http://groups.google.com/group/google-web-toolkit. For more options, visit https://groups.google.com/groups/opt_out.
Re: How to use different CSS/Code for different browsers/devices/os?
thanks for your input. @Steve: about this: > 1 & 2: have a separate CSS resource for each media query, but without the query within it. Instead, get the CSS string from the resource and > wrap the query around it yourself, and then inject the resulting string. Can you please give some more insight? Let say you have 2 css files for MediaA and MediaB. How do you load these, wrap a media query around it, and inject it? -- You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscr...@googlegroups.com. To post to this group, send email to google-web-toolkit@googlegroups.com. Visit this group at http://groups.google.com/group/google-web-toolkit. For more options, visit https://groups.google.com/groups/opt_out.
Re: How to use different CSS/Code for different browsers/devices/os?
Here is one example of working around CSS3 limitation for media queries: http://pastebin.com/p2S0HKtR So this class encapsulates all the "ensureInjected" + hacking media queries Just call MainAppResource.injectStyles() in onModuleLoad() or somewhere Certainly not the best example, but an example nevertheless. On Wednesday, September 18, 2013 5:24:26 PM UTC-4, Ed wrote: > > thanks for your input. > > @Steve: about this: > > 1 & 2: have a separate CSS resource for each media query, but without > the query within it. Instead, get the CSS string from the resource and > > wrap the query around it yourself, and then inject the resulting string. > > Can you please give some more insight? > Let say you have 2 css files for MediaA and MediaB. > How do you load these, wrap a media query around it, and inject it? > -- You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscr...@googlegroups.com. To post to this group, send email to google-web-toolkit@googlegroups.com. Visit this group at http://groups.google.com/group/google-web-toolkit. For more options, visit https://groups.google.com/groups/opt_out.
Re: How to use different CSS/Code for different browsers/devices/os?
Thanks, I am just thinking if this can't be done "smarter", a bit old fashion when media queries didn't exist yet, using window.innerWidth, then select the correct Clientbundle depending on this value.. Just a thought. Nice info: http://christianheilmann.com/2012/12/19/conditional-loading-of-resources-with-mediaqueries/ On Wed, Sep 18, 2013 at 11:33 PM, Ashton Thomas wrote: > Here is one example of working around CSS3 limitation for media queries: > > http://pastebin.com/p2S0HKtR > > > So this class encapsulates all the "ensureInjected" + hacking media queries > > Just call MainAppResource.injectStyles() in onModuleLoad() or somewhere > > Certainly not the best example, but an example nevertheless. > > > > On Wednesday, September 18, 2013 5:24:26 PM UTC-4, Ed wrote: >> >> thanks for your input. >> >> @Steve: about this: >> > 1 & 2: have a separate CSS resource for each media query, but without >> the query within it. Instead, get the CSS string from the resource and >> > wrap the query around it yourself, and then inject the resulting string. >> >> Can you please give some more insight? >> Let say you have 2 css files for MediaA and MediaB. >> How do you load these, wrap a media query around it, and inject it? >> > -- > You received this message because you are subscribed to a topic in the > Google Groups "Google Web Toolkit" group. > To unsubscribe from this topic, visit > https://groups.google.com/d/topic/google-web-toolkit/6kNfG41TVBY/unsubscribe > . > To unsubscribe from this group and all its topics, send an email to > google-web-toolkit+unsubscr...@googlegroups.com. > To post to this group, send email to google-web-toolkit@googlegroups.com. > Visit this group at http://groups.google.com/group/google-web-toolkit. > For more options, visit https://groups.google.com/groups/opt_out. > -- You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscr...@googlegroups.com. To post to this group, send email to google-web-toolkit@googlegroups.com. Visit this group at http://groups.google.com/group/google-web-toolkit. For more options, visit https://groups.google.com/groups/opt_out.