[jbosstools-issues] [JBoss JIRA] (JBIDE-16486) New Heading wizard for JQM 1.4

[Viacheslav Kabanovich (JIRA)]

Viacheslav Kabanovich created JBIDE-16486:
---------------------------------------------

             Summary: New Heading wizard for JQM 1.4
                 Key: JBIDE-16486
                 URL: https://issues.jboss.org/browse/JBIDE-16486
             Project: Tools (JBoss Tools)
          Issue Type: Sub-task
          Components: jsp/jsf/xml/html source editing
            Reporter: Viacheslav Kabanovich
            Assignee: Viacheslav Kabanovich
             Fix For: 4.2.0.Beta1


See http://demos.jquerymobile.com/1.4.0/body-bar-classes/

Heading and accompanying section can be arranged in 3 ways
- Default - they just follow each other and are marked up independently;
- Combined - they both belong to the same container that is marked up;
- Attached - the parent container provides custom rounded corners.

Other inputs:
- Label for heading;
- Size for heading (disabled for 'Attached' layout);
- 'Theme' for heading and content (single input for 'Combined' layout);
- 'Rounded corners' for heading and content (single input for 'Combined' layout);

Examples of generated code:
Default layout:
{code}
<h3 class="ui-bar ui-bar-a">Heading</h3>
<div class="ui-body">
    <p>Content</p>
</div>
{code}

Combined layout:
{code}
<div class="ui-body ui-body-a ui-corner-all">
   <h3>Heading</h3>
   <p>Content</p>
</div>
{code}

Attached layout:
{code}
<div class="ui-corner-all custom-corners">
  <style type="text/css" scoped="scoped">
     ...
  </style>
  <div class="ui-bar ui-bar-a">
    <h3>Heading</h3>
  </div>
  <div class="ui-body ui-body-a">
    <p>Content</p>
  </div>
</div>
{code}

--
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