- Timestamp:
- 2022-09-15T16:31:38+12:00 (20 months ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
documented-examples/trunk/style-e/resources/collectionConfig.properties
r36619 r36621 16 16 17 17 18 shortDescription=<p>This collection demonstrates Greenstone 's use of Cascading Style Sheets (CSS) for visual formatting in web browsers. On every page, you can change the style-sheet in effect, to modify that page's appearance. This collection contains the same material as the original Greenstone demo collection.</p>18 shortDescription=<p>This collection demonstrates Greenstone\'s use of Cascading Style Sheets (CSS) for visual formatting in web browsers. On every page, you can change the style-sheet in effect, to modify that page\'s appearance. This collection contains the same material as the original Greenstone demo collection.</p> 19 19 20 description1=<p>A combination of JavaScript and the overriding of GS3 XSL templates in Greenstone 3 's <i>global</i> format statement is used by the collection to provide the stylesheet switching. As in some other <i>Documented Example Collections</i>, GLI's <tt>Format > Format Features > global</tt> can be used to define the <b>additionalHeaderContent</b> template. Doing so overrides the existing <i>additionalHeaderContent</i> template, and appends any specified HTML elements to the HTML header.</p>20 description1=<p>A combination of JavaScript and the overriding of GS3 XSL templates in Greenstone 3\'s <i>global</i> format statement is used by the collection to provide the stylesheet switching. As in some other <i>Documented Example Collections</i>, GLI\'s <tt>Format > Format Features > global</tt> can be used to define the <b>additionalHeaderContent</b> template. Doing so overrides the existing <i>additionalHeaderContent</i> template, and appends any specified HTML elements to the HTML header.</p> 21 21 22 22 description2=<p>In this case, the <b>additionalHeaderContent</b> specifies the custom collection stylesheet currently active and the JavaScript to facilitate the stylesheet switching when a link is clicked. The <b>create-banner</b> XSL template in the <i>global</i> format statement is also overridden to provide links to the multiple stylesheets within the existing GS3 banner section, and invoke the custom JavaScript when any link is clicked. \n\ … … 24 24 <xsl\:template name="additionalHeaderContent"> \n\ 25 25 <xsl\:variable name="httpCollection"> \n\ 26 <xsl\:value-of select="/page/pageResponse/collection/metadataList/metadata[@name= 'httpPath']"/> \n\26 <xsl\:value-of select="/page/pageResponse/collection/metadataList/metadata[@name=\'httpPath\']"/> \n\ 27 27 </xsl\:variable> \n\ 28 28 <link rel="stylesheet" href="{$httpCollection}/style/gs3-style-default-extra.css" type="text/css" \n\ … … 35 35 <div class="choose_style"> \n\ 36 36 Choose a style\: \n\ 37 <a href="#" onclick="replaceStyle( 'gs3-style-default-extra');return false;">Default Greenstone</a>, \n\38 <a href="#" onclick="replaceStyle( 'gs3-style-blue');return false;">Blue</a>, \n\39 <a href="#" onclick="replaceStyle( 'gs3-style-olive-purple');return false;">OlivePurple</a>, \n\40 <a href="#" onclick="replaceStyle( '');return false;">None</a> \n\37 <a href="#" onclick="replaceStyle(\'gs3-style-default-extra\');return false;">Default Greenstone</a>, \n\ 38 <a href="#" onclick="replaceStyle(\'gs3-style-blue\');return false;">Blue</a>, \n\ 39 <a href="#" onclick="replaceStyle(\'gs3-style-olive-purple\');return false;">OlivePurple</a>, \n\ 40 <a href="#" onclick="replaceStyle(\'');return false;">None</a> \n\ 41 41 </div> \n\ 42 42 <div id="gs_banner" class="ui-widget-header ui-corner-bottom"> \n\ … … 54 54 description3=<p>If you want to download any of these stylesheets for your own collections, here are links to them\: \n\ 55 55 <ul> \n\ 56 <li><a href='https\://trac.greenstone.org/browser/documented-examples/trunk/style-e/style/gs3-style-default-extra.css '>GS3 default extra</a> - builds on top of GS3's default style</li> \n\57 <li><a href='https\://trac.greenstone.org/browser/documented-examples/trunk/style-e/style/gs3-style-blue.css '>Blue theme</a> - modifies the GS3 default style for a blue colouring</li> \n\58 <li><a href='https\://trac.greenstone.org/browser/documented-examples/trunk/style-e/style/gs3-style-olive-purple.css '>olive-purple theme</a> - modifies the GS3 default style for a vivid colouring of vine green and purples</li> \n\56 <li><a href='https\://trac.greenstone.org/browser/documented-examples/trunk/style-e/style/gs3-style-default-extra.css\'>GS3 default extra</a> - builds on top of GS3\'s default style</li> \n\ 57 <li><a href='https\://trac.greenstone.org/browser/documented-examples/trunk/style-e/style/gs3-style-blue.css\'>Blue theme</a> - modifies the GS3 default style for a blue colouring</li> \n\ 58 <li><a href='https\://trac.greenstone.org/browser/documented-examples/trunk/style-e/style/gs3-style-olive-purple.css\'>olive-purple theme</a> - modifies the GS3 default style for a vivid colouring of vine green and purples</li> \n\ 59 59 <li>None - clears all CSS styling from the current page (needs reload to get the default GS3 style back)</li> \n\ 60 60 </ul> \n\ … … 64 64 <ul> \n\ 65 65 <li>To use a stylesheet as the default, place it in greenstone/web/interfaces/default/style and rename it to <tt>style.css</tt>. This will affect all collections.</li> \n\ 66 <li>To use a stylesheet for a particular collection, place it in <tt>greenstone/web/sites/localsite/collect/<collection>/style</tt> then specify the stylesheet link in the <b>additionalHeaderContent</b> of GLI 's <i>global</i> format statement (<tt>Format > Format Features > global</tt>) as follows\: \n\66 <li>To use a stylesheet for a particular collection, place it in <tt>greenstone/web/sites/localsite/collect/<collection>/style</tt> then specify the stylesheet link in the <b>additionalHeaderContent</b> of GLI\'s <i>global</i> format statement (<tt>Format > Format Features > global</tt>) as follows\: \n\ 67 67 <pre><xsl\:template name="additionalHeaderContent"> \n\ 68 68 <xsl\:variable name="httpCollection"> \n\ 69 <xsl\:value-of select="/page/pageResponse/collection/metadataList/metadata[@name= 'httpPath']"/> \n\69 <xsl\:value-of select="/page/pageResponse/collection/metadataList/metadata[@name=\'httpPath\']"/> \n\ 70 70 </xsl\:variable> \n\ 71 71 <link href="{$httpCollection}/style/stylesheet-name.css" rel="stylesheet" type="text/css"/> \n\
Note:
See TracChangeset
for help on using the changeset viewer.
