Theming WSO2 Dashboard Server
by Jerad Rutnam -
This documentation guide is about how to change ‘Dashboard Server’ dashboard view look and feel.
STEP 1: Navigate to Dashboard Server portal app :root folder
STEP 2: Create a theme folder in
~\extensions\themes\ with a custom name.
See the example folder structure below,
Tip: Duplicate the ~\extensions\themes\basic folder and rename it with a custom name ( Basic folder contains a start-up folder structure ).
STEP 3: Navigate to
~\configs\ and open the
designer.json file using a text editor
and update the theme folder name there.
STEP 4: Done. Now duplicate any files from
~/theme/ folder to created custom theme folder in
~\extensions\themes\ to change it, see the example folder structure below.
Note:- Maintain the same structure as in the
Tips: Do not remove anything in copied .js or .css files in templates (.jag) files, unless you know exactly what you are doing. Because this will break the page functionalities.
Other useful tips
1.) Calling external files to templates
To access the custom-theme folder use the url pre-fixer: See the example below