Details

      Description

      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:

      <h3 class="ui-bar ui-bar-a">Heading</h3>
      <div class="ui-body">
          <p>Content</p>
      </div>
      

      Combined layout:

      <div class="ui-body ui-body-a ui-corner-all">
         <h3>Heading</h3>
         <p>Content</p>
      </div>
      

      Attached layout:

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

        Gliffy Diagrams

          Attachments

          1. Heading.png
            Heading.png
            1.0 kB
          2. HeadingWizBan.png
            HeadingWizBan.png
            2 kB
          3. scr.png
            scr.png
            68 kB

            Activity

              People

              • Assignee:
                scabanovich Viacheslav Kabanovich
                Reporter:
                scabanovich Viacheslav Kabanovich
              • Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: