source: documented-examples/trunk/style-e/resources/ 36621

Last change on this file since 36621 was 36621, checked in by anupama, 2 months ago

Commit 2/2 Escaping apostrophes again in English this time. (Other than French and English, no other language files were affected.) Previous commit message: Previous set of related commits were a big mistake. The apostrophes needed escaping in the after all, because GTI won't even load entire translation chunks where apostrophes aren't escaped. So it may be ugly that GTI presents them unescaped, but at least it presents them when the apostrophes are escaped with Backslash.

File size: 5.6 KB
1name=Cascading Style Sheets<br/> Demo collection
2textdate=publication date\:
3textnumpages=no. of pages\:
4textsource=source ref\:
14dls.Keyword=How to
15depositormetadata={"name"\:"dls.Title","label"\:"Title","tooltip"\:"dls.Title\: The title of this resource.","type"\:"text"}, {"name"\:"dls.Organization","label"\:"Organization","tooltip"\:"dls.Organization\: The organization responsible for producing this resource.","type"\:"text"}, {"name"\:"dls.Subject","label"\:"Subject","tooltip"\:"dls.Subject\: The subject of this resource.","type"\:"text"}, {"name"\:"dls.Keyword","label"\:"Keyword","tooltip"\:"dls.Keyword\: A more specific indication of what the resource can be used for.","type"\:"text"}, {"name"\:"dls.Language","label"\:"Language","tooltip"\:"dls.Language\: The language of this resource.","type"\:"text"}
18shortDescription=<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>
20description1=<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 &gt; Format Features &gt; 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>
22description2=<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\
23<pre> \n\
24 &lt;xsl\:template name="additionalHeaderContent"&gt; \n\
25 &lt;xsl\:variable name="httpCollection"&gt; \n\
26 &lt;xsl\:value-of select="/page/pageResponse/collection/metadataList/metadata[@name=\'httpPath\']"/&gt; \n\
27 &lt;/xsl\:variable&gt; \n\
28 &lt;link rel="stylesheet" href="{$httpCollection}/style/gs3-style-default-extra.css" type="text/css" \n\
29 title="GS3 Style" id="custom-style" charset="UTF-8"/&gt; \n\
30 &lt;script src="{$httpCollection}/script/custom-script.js" type="text/javascript"&gt; \n\
31 &lt;/script&gt; \n\
32 &lt;/xsl\:template&gt; \n\
33 \n\
34 &lt;xsl\:template name="create-banner"&gt; \n\
35 &lt;div class="choose_style"&gt; \n\
36 Choose a style\: \n\
37 &lt;a href="#" onclick="replaceStyle(\'gs3-style-default-extra\');return false;"&gt;Default Greenstone&lt;/a&gt;, \n\
38 &lt;a href="#" onclick="replaceStyle(\'gs3-style-blue\');return false;"&gt;Blue&lt;/a&gt;, \n\
39 &lt;a href="#" onclick="replaceStyle(\'gs3-style-olive-purple\');return false;"&gt;OlivePurple&lt;/a&gt;, \n\
40 &lt;a href="#" onclick="replaceStyle(\'');return false;"&gt;None&lt;/a&gt; \n\
41 &lt;/div&gt; \n\
42 &lt;div id="gs_banner" class="ui-widget-header ui-corner-bottom"&gt; \n\
43 &lt;div id="titlesearchcontainer"&gt; \n\
44 &lt;xsl\:call-template name="page-title-area"/&gt; \n\
45 &lt;xsl\:call-template name="quick-search-area"/&gt; \n\
46 &lt;div style="clear\:both;"&gt;&lt;xsl\:text&gt; &lt;/xsl\:text&gt;&lt;/div&gt; \n\
47 &lt;/div&gt; \n\
48 &lt;xsl\:call-template name="browsing-tabs"/&gt; \n\
49 &lt;/div&gt; \n\
50 &lt;/xsl\:template&gt; \n\
51</pre> \n\
54description3=<p>If you want to download any of these stylesheets for your own collections, here are links to them\: \n\
55<ul> \n\
56<li><a href='https\://\'>GS3 default extra</a> - builds on top of GS3\'s default style</li> \n\
57<li><a href='https\://\'>Blue theme</a> - modifies the GS3 default style for a blue colouring</li> \n\
58<li><a href='https\://\'>olive-purple theme</a> - modifies the GS3 default style for a vivid colouring of vine green and purples</li> \n\
59<li>None - clears all CSS styling from the current page (needs reload to get the default GS3 style back)</li> \n\
60</ul> \n\
63description4=<p><b>Using a downloaded stylesheet</b> \n\
64<ul> \n\
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/&lt;collection&gt;/style</tt> then specify the stylesheet link in the <b>additionalHeaderContent</b> of GLI\'s <i>global</i> format statement (<tt>Format &gt; Format Features &gt; global</tt>) as follows\: \n\
67<pre>&lt;xsl\:template name="additionalHeaderContent"&gt; \n\
68 &lt;xsl\:variable name="httpCollection"&gt; \n\
69 &lt;xsl\:value-of select="/page/pageResponse/collection/metadataList/metadata[@name=\'httpPath\']"/&gt; \n\
70 &lt;/xsl\:variable&gt; \n\
71 &lt;link href="{$httpCollection}/style/stylesheet-name.css" rel="stylesheet" type="text/css"/&gt; \n\
72&lt;/xsl\:template&gt;</pre> \n\
73</li> \n\
74</ul> \n\
Note: See TracBrowser for help on using the repository browser.