In Digital Access Admin there is a “Browse” button that leads to a file browser with all files that builds up the portal (the access-point/built-in-files/wwwroot/ folder and sub-folders structure). Copy the files that shall be changed to access-point/custom-files/wwwroot/ within the same file structure before branding starts.

These parts of Digital Access component can be branded and customized:

1. Log in to Digital Access Admin with an administrator account.

In the ...branding folder, all texts specific to Digital Access component are collected. These texts can be customized.

1. In Digital Access Admin, click Browse.
2. Make sure that all files that should be changed in the access-point/built-in-files/wwwroot/branding directory have been copied to access-point/custom-files/wwwroot/branding.
3. Modify the appropriate texts in the files described in the table below.
4. Click Publish to publish the configuration.

To customize texts and buttons in individual log in pages, there are template files that must be edited. These template files are located in different folders.

1. In Digital Access Admin, click Browse.
2. Copy the template files from the folder structure in /access-point/built-in-files/wwwroot/wa to the corresponding folder structure in /custom-files/.
3. Edit any template file that needs to be changed.
4. Click Publish to publish the customized file.

These are the template files located in access-point/built-in-files/wwwroot/wa.

Stylesheets control colors and fonts in log in pages. Use your browser to inspect the log in page and locate where different elements are customized within the stylesheets (css files)​.

To customize the colors and fonts, use the files in this directory: built-in-files/wwwroot/wa/css.

1. In Digital Access Admin, click Browse.
2. Copy the css files from the folder structure in built-in-files/wwwroot/wa/css to the corresponding folder structure in /custom-files/.
3. Edit the files.
4. Click Publish to publish the customized file.

1. In Digital Access Admin, click Browse.
2. Navigate to the folder access-point/custom-files/wwwroot/wa.
3. If no img folder exists, enter img next to Create Empty and click Directory to create a new folder called img.
4. Navigate to the img folder.

5. Create folder called nex.

6. Navigate to the nex folder.

7. Click Choose File and navigate to the folder where the image you will use is located.
8. Select the applicable image and click Open. The path to the selected image is displayed in the field next to the Choose File button.
9. Click Upload to place your image in the nex folder.
10. Create other branded images there with the same names as those in built-in-files/wwwroot/wa/img.
11. Close the Administration interface browser window.
12. Click Publish to publish the configuration.

To customize colors and fonts in the portal, the tool jQuery Mobile Themeroller is used (http://jquerymobile.com/themeroller/).

1. Click the Import button at the Themeroller top main menu.
2. In the opened dialogue window paste your previously downloaded themeroller.css (first you need to copy the source code with CTRL+C or cmd+C).
3. Click the Import button in the dialogue window to upload the code to Themeroller.
   
4. Make the changes in colors etc and click Download to save the new theme.
5. Name the file themeroller.1.4.5.
6. A .zip file is generated with both themeroller.1.4.5.css and themeroller.1.4.5.min.css.
   Only the minified version themeroller.1.4.5.min.css is used by the interface but keep a copy of the changed themeroller.1.4.5.css to use for future changes.
7. Click Download. Place both files in access-point/custom-files/wwwroot/wa/css.
   
8. Edit corresponding Themeroller Swatches to change properties for each section in the interface:

For design elements which are not part of the jQuery Mobile script, edit /built-in-files/wa/css/overrides.css and place the customized overrides.css file in access-point/custom-files/wwwroot/wa/css.

1. In Digital Access Admin, click Browse.
2. Navigate to the folder access-point/custom-files/wwwroot/wa.
3. If no img folder exists, enter img next to Create Empty and click Directory to create a new folder called img.
4. Navigate to the img folder.

5. Create folder called nex.

6. Navigate to the nex folder.

7. Click Choose File and navigate to the folder where the logotype you will use is located.
8. Select the applicable image and click Open. The path to the selected image is displayed in the field next to the Choose File button.
9. Click Upload to place your logotype in the img folder.
10. Close the Administration interface browser window.
11. Click Publish to publish the configuration.

When an HTML/WML page is displayed to a user, user variables in the template file are replaced with corresponding content. See the table for more information.

There are several versions of the images in the portal. There is one set of images for desktop (and tablet) and one set for mobile, and there is one version of each image in .PNG (used for low end browsers) and one in .SVG (used for high end browsers). Images are replaced or edited to customize the Digital Access component Web skin, the logotype or icons in the application portal, or graphics used in log in pages. When replacing images, use the same name, format and size as the original. See the table below for examples.