Each folder that will be created under the GUI / Theme folder is treated as theme content. By creating a theme, existing images, icons, css files can be replaced with new ones or you can specify new css, javascript content to be added to each page. A theme can contain all or some of the files under the GUI folder.
Selecting a Theme
A theme is activated with the link http://127.0.0.1:3323/?Theme=[ThemeName] .
Default theme can be activated back with the link http://127.0.0.1:3323/?Theme=None
The GEODI address may be different in your environment. Local GEODI is used as an example.
Changing existing css, image sources
The theme folder can contain all or some of the folders and files under the GUI folder. The designer will determine how much will be required according to her/his needs.
The GUI / img, GUI / css, and GUI / icons directories will be the most frequently used directories. With these directories you can easily change the appearance and icons. Make sure that the new theme files that you create have the same name as the replacement files. For the files that are not in the theme directory, the originals at the GUI / * will still be used.
Example folder structure
- GUI
- Theme
- MyTheme
- img
- windowsMenu
- mainMenu
- 16.png
- 24.png
- docs24.png
- windowsMenu
- css
- ol
- ol3-controls.css
- bootstrap.css
- ol
- icons
- Content
- file.pdf.png
- Content
- img
- Theme
Defining additional css and javascript for each page
Bazı durumlarda tüm sayfaları etkileyecek bir değişiklik yapmak isteyebilirsiniz. Bu durumda [ThemeName] klasörü altına oluşturulacak Default klasörünü oluşturmalısınız.
Bu klasördeki css ve js içerikleri tüm sayfalarla yüklenir. Bootstrap 3.3.1 tema dosyası atılarak tüm bootstrap eklentileri değiştirilebilir. Sample teması bu yolla hazırlanmıştır.
Example folder structure
- GUI
- Theme
- MyTheme
- Default
- bootstrap.theme.css
- custom.css
- AllPage.js
- ...
- Default
- Theme