[jbosstools-issues] [JBoss JIRA] (JBIDE-13413) jQuery Mobile Widget Palette

[Alexey Kazakov (JIRA)]

    [ https://issues.jboss.org/browse/JBIDE-13413?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12750898#comment-12750898 ] 

Alexey Kazakov edited comment on JBIDE-13413 at 1/28/13 8:25 PM:
-----------------------------------------------------------------

1. *Page*

!NewPage.png|thumbnail!

Result:

{code}
<div data-role="page">

	<div data-role="header">
		<h1>Page Title</h1>
	</div><!-- /header -->

	<div data-role="content">	
		<p>Page content goes here.</p>		
	</div><!-- /content -->

	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /footer -->
</div><!-- /page -->
{code}

2. *Dialog*

!NewDialog.png|thumbnail!

Result:

{code}
<a href="foo.html" data-rel="dialog" data-transition="pop" data-close-btn="none">Open dialog</a>
{code}

3. *Popup*

!NewPopup.png|thumbnail!

Result:

{code}
<a href="#popupBasic" data-rel="popup">Open Popup</a>

<div data-role="popup" id="popupBasic">
	<p>This is a completely basic popup, no options set.<p>
</div>
{code}

4. *Header Bar*

5. *Footer Bar*

6. *Navbar*

7. *Button*

8. *Grouped Buttons*

9. *Grid*

10. *Collapsible Content Block*

11. *Collapsible Set*

12. *Field Container*

13. *Flip Toggle Switch*

14. *Radio Button*

15. *Check Box*

16. *Grouped Check Boxes*

17. *Select Menu*

18. *Listview*

19. *Panel*

20. *Table*
                
      was (Author: akazakov):
    1. *Page*

!NewPage.png|thumbnail!

Result:

{code}
<div data-role="page">

	<div data-role="header">
		<h1>Page Title</h1>
	</div><!-- /header -->

	<div data-role="content">	
		<p>Page content goes here.</p>		
	</div><!-- /content -->

	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /footer -->
</div><!-- /page -->
{code}

2. *Dialog*

!NewDialog.png|thumbnail!

Result:

{code}
<a href="foo.html" data-rel="dialog" data-transition="pop" data-close-btn="none">Open dialog</a>
{code}

3. *Popup*

4. *Header Bar*

5. *Footer Bar*

6. *Navbar*

7. *Button*

8. *Grouped Buttons*

9. *Grid*

10. *Collapsible Content Block*

11. *Collapsible Set*

12. *Field Container*

13. *Flip Toggle Switch*

14. *Radio Button*

15. *Check Box*

16. *Grouped Check Boxes*

17. *Select Menu*

18. *Listview*

19. *Panel*

20. *Table*
                  
> jQuery Mobile Widget Palette
> ----------------------------
>
>                 Key: JBIDE-13413
>                 URL: https://issues.jboss.org/browse/JBIDE-13413
>             Project: Tools (JBoss Tools)
>          Issue Type: Feature Request
>          Components: jsp/jsf/xml/html source editing
>            Reporter: Alexey Kazakov
>            Assignee: Alexey Kazakov
>             Fix For: 4.1.x
>
>         Attachments: NewDialog.bmml, NewDialog.bmml, NewDialog.png, NewPage.bmml, NewPage.png, NewPopup.bmml, NewPopup.png
>
>
> http://jquerymobile.com/test/

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira