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

[Daniel Azarov (JIRA)]

     [ https://issues.jboss.org/browse/JBIDE-16486?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Daniel Azarov reassigned JBIDE-16486:
-------------------------------------

    Assignee: Viacheslav Kabanovich  (was: Daniel Azarov)


done
                
> 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
>              Labels: new_and_noteworthy
>             Fix For: 4.2.0.Beta1
>
>         Attachments: Heading.png, HeadingWizBan.png
>
>
> 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