Make Geoide accessible through an integration page
From Geoikia-english
Contents |
Introduction
The 'geoide-x-gdi' web application contains example jsp pages for integrating the x-border components into a web page. All pages are subdivided in multiple reusable sub pages each serving a different purpose. All pages (except viewer.jsp and author.jsp) can be easily adapted to match specific requirements.
Schematic overview
Index page
Sub pages (e.g. planner.jsp)
Style
The pages are styled using Cascading Style Sheets:
- penb.css (used for all pages)
- author.css (used by author.jsp)
- viewer.css (used by viewer.jsp and author.jsp)
Note! The html elements that encapsulates the Flash components are styled with a 'z-index' attribute. These 'z-index' attributes places the different components on top of each other in the correct order and are therefore not meant to be changed.
URL's to access components
Viewer
http://<host>/<geoide-webapp>/client/client.jsp?context=<context-name>&guiconfig=<guiconfig-name>
Author
http://<host>/<geoide-webapp>/author/author.jsp
Catalogue Search
todo..
Customizing
In order to use the x-border components within an existing website it might be desireable to customize the portal pages to match the style of the rest of the website and add some additional content to the pages.
Customizing examples:
- Changing style
- - Open penb.css
- - Change the background image: background-image: url({your_background});
- - Change background colors: background: {color};
- - Change font: font-family: "{font_name}";
- Customizing the menu
- - Open menu.jsp
- - Change logo: <img id="logo" src="{your_logo}"></img>
- - Add or remove elements to the list:
- - <li><a href="{link_to_your_site}”>My site</a></li>
- Creating new sub pages
- - Duplicate an existing set of pages (eg planner.jsp, planner_content.jsp and planner_viewer.jsp) and give them a
- - meaningful name. ('example' will be used as the name in the next steps)
- - Open example.jsp
- - Change <jsp:include page="planner_content.jsp"/> into <jsp:include page="example_content.jsp"/>
- - Open example_content.jsp
- - Change the link to the viewer:
<a href="example_viewer.jsp">Start viewer</a>
- - Remove the link to the author if you wish to prevent users to access the author.
- - Input additional content you want to show to your users.
- - Open example_viewer.jsp
- - The viewer.jsp pages has a few parameters to customize its behavior without having to edit it.
Those parameters are provided by the page that include viewer.jsp (in this example 'example_viewer.jsp').
- title → page title.
- context → specifies which context should be used.
- guiconfig → specifies which gui configuration should be used
- enableCatalog → enables the catalog search component
- enableChooser → enables the context and gui configuration chooser (and also provides a link to the author.jsp page)
- authorBack → an url that is used for the 'back' menu option in the author page (only relevant when the chooser is enabled)
