hi howard . but if you use primefaces mobile you have to deploy 2 version different of web application ? a for desktop version a for mobile version
and how you detect the device and user agent for forward at specific version of web jsf application ( desktop or mobile version) ? Il giorno 27/mar/2014 02.05, "smithh032772 [via OpenEJB]" < [email protected]> ha scritto: > On Wed, Mar 26, 2014 at 8:35 PM, Howard W. Smith, Jr. < > [hidden email] <http://user/SendEmail.jtp?type=node&node=4668397&i=0>> > wrote: > > > > > On Wed, Mar 26, 2014 at 7:58 PM, Leonardo K. Shikida <[hidden > > email]<http://user/SendEmail.jtp?type=node&node=4668397&i=1>>wrote: > > > > >> I also wish we could have such a tutorial... > >> > > > > Maybe someone will be kind enough to write/do a blog about this... some > > day. :) > > > > > >> > >> In general, I think you can make your jsf app be responsive if you keep > as > >> little data in the presentation layer as possible. > >> > > > > i think a responsive web design solution will consider the device and > > browser, and 'respond' with a view that looks good in a browser on > > any/every device. For example, when I open a [JSF] page in a browser on > > mobile phone or tablet, I should 'not' have to zoom-in or zoom-out, but > the > > page will be rendered appropriately on/per device. > > > > So, responsive != 'little data in presentation layer'. > > > > it is 'always' best to render as little data as possible in/on any > device > > (mobile phone, tablet, laptop, desktop, etc...). why render 1,000s of > rows > > of data on a page that is displayed on a laptop/desktop and force your > > users to continuously scroll up and down the page to view/modify the > data? > > > > of course, on a mobile device, your HTTP response should be as small as > > possible, just in case the mobile device does not have a fast [internet] > > connection. > > > > when someone else asked this question in the primefaces forum, someone > > responded with twitter bootstrap. i looked at some of the demos > [briefly], > > and bootstrap gave me the impression that pages 'can' look good on a > mobile > > device without zooming in/out, and page can primarily be a page of any > > length, but fits/renders well on the mobile device without zooming > in/out. > > > > since i have been a primefaces mobile user, i was not really impressed > > with twitter bootstrap. if you are good with html, css, javascript, > jquery, > > etc..., then go for twitter bootstrap (or jquery mobile). if you want > > primefaces tags and less html/css, then go for primefaces mobile. > > > > > >> > >> This means some tricks like lazy loading, paging table data in database > >> [1], using autocomplete instead of lengthy select boxes, etc. > >> > > > > autocomplete on a mobile device can be tricky. > > > > i don't think anybody should have lengthy select boxes...even on > > desktop/laptops. > > > > > >> > >> I´ve started working with JSF using richfaces 2-3 years ago and now I > am a > >> primefaces big fan. Both are OK, but I think primefaces has some very > >> interesting features. > >> > > > > +1 > > > > PrimeFaces blog[1] > > PrimeFaces Mobile Reloaded[2] (briefly mentions responsive design) > > PrimeFaces showcase[3] > > PrimeFaces Labs showcase[4] > > jquery Mobile - Responsive Web Design[5] > > > > > And with all that said, I use an open source library to examine useragent > when user login to the web app, and render JSF content for mobile or > nonmobile devices. it is not 'true' responsive web design, because > endusers > still have to zoom in/out on their mobile devices. I am hoping to use > PrimeFaces Mobile, jquery mobile, and/or [twitter] bootstrap for true > responsive web design. :) > > > > > > [1] http://blog.primefaces.org/ > > [2] http://blog.primefaces.org/?p=3063 > > [3] www.primefaces.org/showcase/ui/home.jsf > > [4] http://www.primefaces.org/showcase-labs/ui/home.jsf > > [5] http://demos.jquerymobile.com/1.4.2/rwd/ > > > > > > > ------------------------------ > If you reply to this email, your message will be added to the discussion > below: > > http://openejb.979440.n4.nabble.com/jsf-responsive-tutorial-tp4668375p4668397.html > To unsubscribe from jsf responsive tutorial, click > here<http://openejb.979440.n4.nabble.com/template/NamlServlet.jtp?macro=unsubscribe_by_code&node=4668375&code=bWF1cm8yamF2YTIwMTFAZ21haWwuY29tfDQ2NjgzNzV8LTExMTcxODc2MjU=> > . > NAML<http://openejb.979440.n4.nabble.com/template/NamlServlet.jtp?macro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_email%21nabble%3Aemail.naml> > -- View this message in context: http://openejb.979440.n4.nabble.com/jsf-responsive-tutorial-tp4668375p4668401.html Sent from the OpenEJB User mailing list archive at Nabble.com.
