so I have been tasked with finding out whether an existing JSF project can incorporate jQuery Mobile. I have only finished college 2 months ago so I have limited experience, which is why I am turning to you guys for help.
The project is using eclipse with JSF,Maven and Spring. At the moment it is my belief that only jQuery mobile 1.0 is fully usable with JSF. One of the pre-requisites of the project however states that the latest version of jQuery Mobile must be used.
So my question is this, is jQuery 1.2 fully usable with JSF? Or does it have parts that are not compatible.
If so does anyone have any good tutorials they can link to on how to use this?
Thanks in advance for any help provided, any information that needs clearing up or any clarification needed just let me know.
I have used jQuery Mobile 1.0 in combination with JSF2 in the past, and things worked pretty well. Not sure about the 1.2 version, but I don't know any reason why that wouldn't work.
As mentioned in Chaney's comment, binding and retrieving data to the jQuery controls can sometimes be troublesome. You might want to check out PrimeFaces Mobile, which takes most of that burden off you and should get you started pretty quickly (if it doesn't conflict with any other component libraries you are using). The latest version of PrimeFaces Mobile seems to use jQuery 1.8.2 and jQuery Mobile 1.1.0.
Related
I'm working on a UI application with asp.net mvc. I'm currently using bootstarp.
As i'm still learning about it, i'm confused about where to find the needed components. I used to work with kendo UI where all widgets and api are in the same place.
But now when I need some new functionality or widget (such as datepicker), I find that there are a lot of alternatives and plugins to be installed to choose from..
How should I choose, is there a bootstarp library that I can integrate and which will provide most of what I would need?
As far as I know, there is no package of widgets similar to jquery.ui. But some often used features like popovers and modals are already included in the bootstrap.js.
We are using bootstrap-datepicker by Stefan Petre and Andrew Rowls, which you can install using NuGet.
$('#datePickerId').datepicker();
I have made some webapps with jQuery Mobile/Phonegap a year ago. Now starting another one. But it seems jQuery Mobile almost didn't advance. Things like:
Newer UI concepts aren't there. E.g. a left navigation that opens if you click the icon, can make it in jqm, but not very easy.
The styling in line with iOS7+ and android, jqm seems so 2010 on their styling. It just doesn't look like a (near) native app at all.
More recent frameworks like Knockout.js and Require.js can be used, but there's so much overlap with jqm.
I looked around, but it seems all good posts on webapps are 2012. Did development somehow stop at that time? I have found the following solutions:
Sencha Touch: looks good, but goes away from html development, I worry about learning curve. It's almost like native development?
Dojo Mobile: looks like iPhone 3.
Cappuccino: focuses on desktop.
No framework, make html from scratch.
My question: did people give up on webapps for mobile phones with phonegap or are there any good frameworks I don't know about yet?
There are numerous UI frameworks trying to mimic the native look-and-feel. Take a look at for example:
Onsen UI
AppGyver Steroids
Ionic framework
Telerik for PhoneGap
Also Bootstrap has several themes mimicking native iOS and Android.
In Design perspective, when displaying my html main file, in the palette view, the jquery mobile widgets does not show in Worklight studio 6.1.
It doesn't work with any version of jQueryMobile greater than 1.3.0. But It's ok with one application over 4 using version 1.3.0.
Here is the pop-up error message:
An internal error occurred during: "Discoverying jQuery Mobile widgets for /MyProject/apps/MyApp/common/MyApp.html".
java.lang.NullPointerException
How to solve the issue?
thanks
Please mention in the question the jQuery Mobile version you are using.
Worklight Studio's RPE (Rich Page Editor) will not work with jQuery Mobile 1.4, may fail with 1.3.2. It will work with 1.3.1.
You can continue using any version you'd like, but if using the RPE, take note of the above.
There is no workaround.
If your issues are different, then please, be more descriptive when asking questions.
"sometimes works, sometimes doesn't" is not helpful.
Could someone please explain something for me.
I am confused. Currently Polymer and Web UI seems to be two separate projects with a lot of similarities.
Is Polymer to succeed Web UI - meaning Web UI will be discontinued in favour of Polymer?
Yes, Polymer is the successor to Web UI. At some point in the future, once Polymer is more stable, Web UI will be abandoned.
For now though, it still may make sense to use Web UI if you need it for a production app.
As mentioned already, yes Polymer is the next version of web_ui. It is being developed in conjunction with the JavaScript version of Polymer. web_ui is currently in extended support mode, in which bug fixes are applied to keep the library functional (particularly as new SDK releases are made), however there will be no new functionality added to web_ui.
As of yesterday, the integrated build reached 0.8.1, and with Polymer 0.8.1, Polymer has virtually reached parity with web_ui and in some areas already surpassed with additional functionality.
Google has committed to maintaining web_ui for existing projects, however I would highly recommend that any new projects be started with Polymer. It is also the time to look at porting any old web_ui projects over to the new libraries (something I'm in the process of doing myself).
I am investigating creating cross platform mobile apps using PhoneGap.
I have looked at JQuery Mobile and dojo for UI components.
What other ones are out there? So far I am impressed with both, but they leave me looking for more.
The reason is that JQuery Mobile doesn't look very native. Dojo looks more native for the layout and graphics aren't quite right in my mind. For instance the back button is the same height as the header on Android (assuming I am using it right).
We have found Sencha Touch quite interesting.
The one I use for my app is ionic
http://ionicframework.com/
quick and easy uses Angular JS