Greenstone Wiki

User Tools

Site Tools

You are here: index » en » user_advanced » gs3_custom_doc_display
en:user_advanced:gs3_custom_doc_display

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision		Previous revision
Next revisionBoth sides next revision
en:user_advanced:gs3_custom_doc_display [2015/11/26 23:04] – external edit 127.0.0.1en:user_advanced:gs3_custom_doc_display [2021/05/23 23:24] – kjdon
Line 5: Line 5:
 To customize the image slider. Look at the web/interfaces/default/js/document_scripts.js To customize the image slider. Look at the web/interfaces/default/js/document_scripts.js
 If you want to customise things in here for just one collection, add a file eg If you want to customise things in here for just one collection, add a file eg
-script/custom-document.js into the collection.+js/custom-document.js into the collection. 
 +document_scripts is included in the page by the "javascriptForDocumentView" template, in transform/pages/document.xsl. If you look at this you can see that it calls a template "customJavascriptForDocumentView". Implement this template in your collection to add in your custom javascript file.
 Add transform/pages/document.xsl to the collection if not already there. Add the following template to it, substituting your collection name for niupepa in the example. Add transform/pages/document.xsl to the collection if not already there. Add the following template to it, substituting your collection name for niupepa in the example.
 <code> <code>
-<xsl:template name="javascriptForDocumentView"> +<xsl:template name="customJavascriptForDocumentView"> 
-  <script type="text/javascript" src="interfaces/{$interface_name}/js/document_scripts.js"><xsl:text> </xsl:text></script> +  <!-- add in the local customisations --> 
-  <!-- add in the niupepa customisations --> +  <script type="text/javascript" src="sites/{$site_name}/collect/niupepa/js/custom-document.js"><xsl:text> </xsl:text></script>
-  <script type="text/javascript" src="sites/{$site_name}/collect/niupepa/script/custom-document.js"><xsl:text> </xsl:text></script>+
 </xsl:template> </xsl:template>
  
Line 17: Line 17:
  
 This adds your new javascript file into the page. This adds your new javascript file into the page.
 +
 +Note, you can do this for a site, or for a different interface. Just put the document.xsl and custom-document.js into the appropriate folders for site/interface, and modify the paths accordingly. 
 +
 +</code>
 +
  
 Image Slider has a filtering option where you can view just part of the pages. You can choose whether to provide filtering options on the section num or the title using Image Slider has a filtering option where you can view just part of the pages. You can choose whether to provide filtering options on the section num or the title using
Line 22: Line 27:
  
 This tells which radio buttons to display. Can leave both there or just have one. This tells which radio buttons to display. Can leave both there or just have one.
 +
 If titles are numeric, add in If titles are numeric, add in
 <code>_filter_title_numeric = true;</code> <code>_filter_title_numeric = true;</code>
Line 34: Line 40:
 } }
 </code> </code>
 +
 +To hide the Title (and only display the number), change span.tocSectionNumber to span.tocSectionTitle in the above code.
 +
 You can include the style.css file in the page by overriding the additionalHeaderContent-collection template. You can include the style.css file in the page by overriding the additionalHeaderContent-collection template.
 Can add this in to a template file, eg into the document.xsl file mentioned above. Or it can be added in to the etc/collectionConfig.xml file. Can add this in to a template file, eg into the document.xsl file mentioned above. Or it can be added in to the etc/collectionConfig.xml file.
en/user_advanced/gs3_custom_doc_display.txt · Last modified: 2023/03/13 01:46 by 127.0.0.1