Skip to content
This repository has been archived by the owner on Apr 24, 2020. It is now read-only.

Reduce Required HTML For Content Panels #2

Open
pfiller opened this issue Jun 28, 2012 · 1 comment
Open

Reduce Required HTML For Content Panels #2

pfiller opened this issue Jun 28, 2012 · 1 comment

Comments

@pfiller
Copy link
Contributor

pfiller commented Jun 28, 2012

We can reduce the base structure required and dynamically wrap with the structure that is needed only for iOS scrolling.

Current required structure for content panels:

        <div class="stp-content-panel">
          <header>
            <a href="javascript:void(0)" class="header-button icon menu"><span>Menu</span></a>
            <h1>Header Text</h1>
          </header>
          <div class="stp-content-frame">
            <div class="stp-content-body">
              <div>
                Content goes here.
              </div>
            </div>
          </div>
        </div>

Would be simpler as

        <div class="stp-content-panel">
          <header>
            <a href="javascript:void(0)" class="header-button icon menu"><span>Menu</span></a>
            <h1>Header Text</h1>
          </header>
          <div class="stp-content">
             Content goes here.
          </div>
        </div>

Note: headers aren't actually required, but they seemed appropriate for the skeleton.

@ghost
Copy link

ghost commented Apr 1, 2013

Can you help me with loading content panels, I'm struggling to understand how to do this from the sample files. I looked at the SideTap documentation but am still of getting how to do it...I'm not a JS expert.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant