Changes between Version 6 and Version 7 of Html5UI
- Timestamp:
- Apr 3, 2013, 11:49:23 PM (11 years ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
Html5UI
v6 v7 55 55 Tested in Chrome, Firefox and IE>8 (also works but with some penalties on IE7). 56 56 57 === Changing Style 57 === Changing Style === 58 58 59 59 Basic changing styling is pretty easy with this UI: 60 60 61 ==== Colors 61 ==== Colors ==== 62 62 63 63 There is a file on web-client/src/main/resources/apps/html5ui/css/colors.css 64 64 which contains all the colors of the app. 65 65 66 ==== Page design 66 ==== Page design ==== 67 67 68 68 The html is loaded from web/src/main/webapp/xsl/search.xsl This xsl is … … 75 75 Specific css for this UI (not shared with other UIs like search or tabsearch) is placed on web-client/src/main/resources/apps/html5ui/css/main.css 76 76 77 ==== Results view templates 77 ==== Results view templates ==== 78 78 79 79 They are on web/src/main/resources/apps/html5ui/js/Templates.js 80 80 81 ==== Add more tabs 81 ==== Add more tabs ==== 82 82 83 83 To add more tabs just look on search.xsl around line 240 (id="main-navigation") and add a new element like this: … … 93 93 corresponds to the language used. 94 94 95 ==== Add a footer link 95 ==== Add a footer link ==== 96 96 97 97 Look for the div element with id = "footer" and just add it: … … 101 101 </li> 102 102 103 ==== Maps and other elements: change display behaviour 103 ==== Maps and other elements: change display behaviour ==== 104 104 105 105 Maps are always loaded even if they are not displayed. You can change this … … 122 122 hidden or shown when you want. 123 123 124 === Changing more complex features 124 === Changing more complex features === 125 125 126 ==== Debugging 126 ==== Debugging ==== 127 127 128 128 To debug javascript you only have to add a "debug" or "debug=true" parameter to 129 129 the url like this: http://....../srv/eng/search?debug 130 130 131 ==== Adding more widgets 131 ==== Adding more widgets ==== 132 132 133 133 Widgets are usually added on the file … … 160 160 161 161 162 ===== app.loginApp 162 ===== app.loginApp ===== 163 163 164 164 Should contain everything related to the authentication of the user like 165 165 control buttons to log in and log out and handles the cookie. 166 166 167 ===== app.mapApp 167 ===== app.mapApp ===== 168 168 169 169 Should control everything related to maps. For example, if you want to add a new layer to … … 172 172 Also initializes the maps (preview and big). 173 173 174 ===== app.searchApp 174 ===== app.searchApp ===== 175 175 176 176 Closely related to Catalogue.js, it launches searches and initializes the