Unnamed

public text v1 · immutable
#2082267
·published 2011-09-22 20:48 UTC
Two column layout page template

<body>
     <div id="content_column">{% panels content_column %}{% endpanels %}</div>
     <div id="sidebar_column">
        {% panels sidebar_column %}{% endpanels %}
    </div>
</body>


JS enhanced page template

<body>
     <div id="services_box">{% panels services_box %}{% endpanels %}</div>
     <div id="particpate_box">{% panels participate_box %}{% endpanels %}</div>
     <div id="about_box">{% panels about_box %}{% endpanels %}</div>
     <div id="contact_box">{% panels contact_box %}{% endpanels %}</div>
</body>


Multiple boxes styled differently

<body>
     <div id="services_box">
        <ul class="tabs">
            <li id="services_box_page_1" class="tab">Page 1</li>
            <li id="services_box_page_2" class="tab">Page 2</li>
            <li id="services_box_page_3" class="tab">Page 3</li>
            <li id="services_box_page_4" class="tab">Page 4</li>
        </ul>
        <div id="panel_services_box_page_1">
            {% panels services_box_page_1 %}{% endpanels %}
        </div>
        <div id="panel_services_box_page_2">
            {% panels services_box_page_2 %}{% endpanels %}Two column layout page template

<body>
     <div id="content_column">{% panels content_column %}{% endpanels %}</div>
     <div id="sidebar_column">
        {% panels sidebar_column %}{% endpanels %}
    </div>
</body>


JS enhanced page template

<body>
     <div id="services_box">{% panels services_box %}{% endpanels %}</div>
     <div id="particpate_box">{% panels participate_box %}{% endpanels %}</div>
     <div id="about_box">{% panels about_box %}{% endpanels %}</div>
     <div id="contact_box">{% panels contact_box %}{% endpanels %}</div>
</body>


Multiple boxes styled differently

<body>
     <div id="services_box">
        <ul class="tabs">
            <li id="services_box_page_1" class="tab">Page 1</li>
            <li id="services_box_page_2" class="tab">Page 2</li>
            <li id="services_box_page_3" class="tab">Page 3</li>
            <li id="services_box_page_4" class="tab">Page 4</li>
        </ul>
        <div id="panel_services_box_page_1">
            {% panels services_box_page_1 %}{% endpanels %}
        </div>
        <div id="panel_services_box_page_2">
            {% panels services_box_page_2 %}{% endpanels %}
        </div>
        <div id="panel_services_box_page_3">
            {% panels services_box_page_3 %}{% endpanels %}
        </div>
        <div id="panel_services_box_page_4">
            {% panels services_box_page_4 %}{% endpanels %}
        </div>
     </div>
     <div id="particpate_box">{% panels participate_box %}{% endpanels %}</div>
     <div id="about_box">{% panels about_box %}{% endpanels %}</div>
     <div id="contact_box">{% panels contact_box %}{% endpanels %}</div>
</body>
        </div>
        <div id="panel_services_box_page_3">
            {% panels services_box_page_3 %}{% endpanels %}
        </div>
        <div id="panel_services_box_page_4">
            {% panels services_box_page_4 %}{% endpanels %}
        </div>
     </div>
     <div id="particpate_box">{% panels participate_box %}{% endpanels %}</div>
     <div id="about_box">{% panels about_box %}{% endpanels %}</div>
     <div id="contact_box">{% panels contact_box %}{% endpanels %}</div>
</body>