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>
      

      Attachments

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

        Activity

          People

            scabanovich Viacheslav Kabanovich (Inactive)
            scabanovich Viacheslav Kabanovich (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: