- Timestamp:
- 9 Jan 2012, 15:55:34 (13 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/resources.py
r7442 r7443 140 140 toggleall = ResourceInclusion(waeup_sirp, 'toggleall.js') 141 141 142 #: A resource that binds jQueryUItabs to <div> tags with class142 #: A resource that binds Bootstrap tabs to <div> tags with class 143 143 #: ``tabs``. 144 144 #: 145 #: If you want jQuery tabs for some <div>s in your page then you145 #: If you want Bootstrap tabs in your page then you 146 146 #: have to perform two steps: 147 147 #: … … 159 159 #: into the HTML page generated. 160 160 #: 161 #: * In your HTML code add some ``<div>`` tag with ``class`` set to 162 #: ``tabs``, like this: 161 #: * In your HTML code add some tags with like this: 163 162 #: 164 163 #: .. code-block:: html 165 #: 166 #: <div id="tabs"> 167 #: <ul> 168 #: <li><a href="#tab-1"><span>Tab 1 Heading</span></a></li> 169 #: <li><a href="#tab-2"><span>Tab 2 Heading</span></a></li> 170 #: </ul> 171 #: <div id="tab-1"> 172 #: Content of tab 1 173 #: </div> 174 #: <div id="tab-2"> 175 #: Content of tab 2 176 #: </div> 177 #: </div> 164 165 #: <ul class="tabs" data-tabs="tabs" > 166 #: <li class="active"><a href="#tab-1">Tab 1 Heading</a></li> 167 #: <li><a href="#tab-2">Tab 2 Heading</a></li> 168 #: <li><a href="#tab-3">Tab 3 Heading</a></li> 169 #: </ul> 170 171 #: <div class="tab-content"> 172 #: <div id="tab-1" class="active">...</div> 173 #: <div id="tab-2">...</div> 174 #: <div id="tab-3">...</div> 175 #: </div> 178 176 #: 179 177 #: When the HTML is rendered, clicking into one of the tabs will make 180 178 #: other <div>s disappear. See 181 179 #: 182 #: http:// jqueryui.com/demos/tabs/180 #: http://twitter.github.com/bootstrap/javascript.html#tabs 183 181 #: 184 182 #: for details. 185 183 #: 186 tabs = ResourceInclusion(waeup_sirp, 'tabs.js', 187 depends=[jquery, jqueryui]) 184 tabs = ResourceInclusion(waeup_sirp, 'bootstrap-tabs.js', 185 depends=[jquery]) 186 188 187 189 188 #: Resource that makes datatables for jQuery UI available.
Note: See TracChangeset for help on using the changeset viewer.