[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/29/13 12:00 AM:
------------------------------------------------------------------

1. *Page* (http://jquerymobile.com/test/docs/pages/page-anatomy.html)

!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* (http://jquerymobile.com/test/docs/pages/dialog/index.html)

!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* (http://jquerymobile.com/test/docs/pages/popup/index.html)

!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* (http://jquerymobile.com/test/docs/toolbars/docs-headers.html)

!NewHeaderBar.png|thumbnail!

Result:

{code}
<div data-role="header">
	<a href="index.html" data-icon="delete">Cancel</a>
	<h1>Edit Contact</h1>
	<a href="index.html" data-icon="check" data-theme="b">Save</a>
</div>
{code}

5. *Footer Bar* (http://jquerymobile.com/test/docs/toolbars/docs-footers.html)

No wizard.

Result:

{code}
<div data-role="footer" class="ui-bar">

</div>
{code}

6. *Navbar* (http://jquerymobile.com/test/docs/toolbars/docs-navbar.html)

!NewNavbar.png|thumbnail!

Result:

{code}
<div data-role="navbar">
	<ul>
		<li><a href="a.html">One</a></li>
		<li><a href="b.html">Two</a></li>
	</ul>
</div><!-- /navbar -->
{code}

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* (http://jquerymobile.com/test/docs/pages/page-anatomy.html)

!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* (http://jquerymobile.com/test/docs/pages/dialog/index.html)

!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* (http://jquerymobile.com/test/docs/pages/popup/index.html)

!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* (http://jquerymobile.com/test/docs/toolbars/docs-headers.html)

!NewHeaderBar.png|thumbnail!

Result:

{code}
<div data-role="header">
	<a href="index.html" data-icon="delete">Cancel</a>
	<h1>Edit Contact</h1>
	<a href="index.html" data-icon="check" data-theme="b">Save</a>
</div>
{code}

5. *Footer Bar* (http://jquerymobile.com/test/docs/toolbars/docs-footers.html)

No wizard.

Result:

{code}
<div data-role="footer" class="ui-bar">

</div>
{code}

6. *Navbar* (http://jquerymobile.com/test/docs/toolbars/docs-navbar.html)

!NewNavbar.png|thumbnail!

{code}
<div data-role="navbar">
	<ul>
		<li><a href="a.html">One</a></li>
		<li><a href="b.html">Two</a></li>
	</ul>
</div><!-- /navbar -->
{code}

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, NewHeaderBar.bmml, NewHeaderBar.png, NewNavbar.bmml, NewNavbar.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