jQuery Mobile
jQuery Mobile Palette
The jQuery Mobile Palette introduced in Alpha1 has been improved in Alpha2. It's now available for any HTML5 file opened with JBoss Tools HTML Editor (Related Jira) and has a new look and feel:
Here is a list of new jQuery Mobile widget wizards available for Alpha2:
- Page
- Dialog
- Popup
- Grid
- Collapsible Content Block
- Header Bar
- Footer Bar
- Navbar
- Select Menu
- Listiew
- Button
- Grouped Buttons
- Link
- Flip Toggle Switch
- Radio
- Checkbox (Introduced in Alpha1)
- Grouped Checkboxes
- Slider / Range Slider
- Text Input
You can find some particular widget using the filter field (Related Jira):
The wizards will add jQuery & jQuery Mobile JS/CSS references automatically if they are missing on the page. However this insertion can be disabled in the wizard (Related Jira):
Here is a short demo of the jQuery Mobile Palette:
jQuery Mobile Code Completion
HTML code completion (Ctrl+Space) is now available for data-* attributes for HTML5 pages with jQuery Mobile JS referenced in <head> tag:
Code completion also works for element IDs if you type # and press Ctrl+Space:
JSF
Tag Library Validation
This new strict tag library validation of component and attributes used in XHTML pages is disabled by default. But it can be enabled in Preferenes. All unknown tags/attributes then will be marked as an error or warning: