Pages

For general information on theme project pages, visit Theme Pages. The information below is specific to the pages in WireBootstrap for SmartAdmin.

Component Containers

The pages that demonstrate the use of WireBootstrap components inside the theme have containers to which each component is bound. These are HTML panels that give the component a border and options specific to the theme.

The example below is an excerpt from the tables-bootstrap.html page which highlights the Bootstrap Table component. The panel classes are SmartAdmin theme container classes. The table element is where the component will be bound on the page.

<div id="panel-1" class="panel">
    <div class="panel-hdr">
        <h2>
            Basic Table
        </h2>
        <div class="panel-toolbar">
            <button class="btn btn-panel" data-action="panel-collapse" data-toggle="tooltip" data-offset="0,10" data-original-title="Collapse"></button>
            <button class="btn btn-panel" data-action="panel-fullscreen" data-toggle="tooltip" data-offset="0,10" data-original-title="Fullscreen"></button>
            <button class="btn btn-panel" data-action="panel-close" data-toggle="tooltip" data-offset="0,10" data-original-title="Close"></button>
        </div>
    </div>
    <div class="panel-container show">
        <div class="panel-content">
            <div class="panel-tag">
                Bind a basic HTML table to a query to dynamically fill it with data.
            </div>
            <table id="table-basic" class="table table-bordered table-hover table-striped w-100"></table>
        </div>

    </div>
</div>