Identity Cloud
Try WSO2 Cloud for Free
Sign in

All docs This doc
Expand all   Collapse all

Versions Compared

Old Version 22

changes.mady.by.user Shiraz Azad

Saved on

compared with

New Version 23

changes.mady.by.user Shiraz Azad

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Info
titleBefore you begin

Before configuring custom themes, create a customized theme as a .zip file by maintaining the following file structure and file names. Also make sure your company logo image is in .png format.
|--- css/
      |--- appm-left-column-styles.css
      |--- appm-main-styles.css

|--- img/
      |-- logo.png

For a sample custom theme ZIP file, download and view this tutorial, the custom-theme file ABC-user-portal-theme.zip is used to demonstrate the feature. You can also use default-user-portal-theme.zip for any further customizing.

Now, let's begin.

  1. Log in to the Admin Portal and click User Portal Themes from left menu.
  2. Provide a Theme Name, click Browse to upload the .zip file (the .zip file that you created including CSS files and your logo), and click Save. The theme is applied to the User Portal.
  3. Navigate to the User Portal by either clicking the user portal link in the message or the Go to User Portal button on upper right corner of the page.

    You can see your new theme (i.e: ABC as company name) is applied in the User Portal. 
     
Note

If you need to change the theme, delete the current theme and upload a new theme. You can also download the current theme from the Admin Portal and do any changes and upload it back. (Or you can use default-user-portal-theme.zip for any customizing)

Note: If you are doing any changes to the contents of the downloaded ABC-user-portal-theme.zip file (i.e., replacing the logo), make sure you compress the contents to make the .zip file before uploading.

...