Web UI Framework

How to Brand Your Application

Updated: July 31, 2019 Page Information Edit on GitHub

Nuxeo Studio enables you to change all the images and colors used in the web interface, without requiring advanced CSS knowledge.

You can define several themes, but only one of them will be the default theme. The other ones will be available in the local configuration of the available spaces of your application (domains, sections, etc.). If you need to, you can define several graphical looks to address the different audiences of your application.

When you define a new theme for your application, you can define all the colors used on the application.

  1. First, you may want to upload a new image to use as a logo in Resources.

     

     

     

     

     

     

     

     

  2. You can then create your new theme.

    1. Click on the Branding Studio tree item.
    2. Click on the New button.
    3. On the window that pops up, give your theme a name and click on the Create button. The new theme is now created. By default, it inherits all the colors and presets of the default Nuxeo Platform theme and is selected as the default theme of your application.
  3. Now, you can edit the theme.

    1. If your theme should not be applied to the whole application by default, uncheck the Set as default theme box.

      In Nuxeo Platform user interface, the default theme is automatically renamed with the Studio project's name.

    2. If you don't want the theme to be available in the local "theme configuration" list, check the box Disable theme branding.
    3. In the Logo image field, click on the Choose resource button to select the image you have just uploaded.
    4. Choose the main colors for backgrounds of the application.
    5. Design borders.
    6. Choose the fonts you want to use.
    7. Click on Save. All your changes will now be saved.

Of course, you can go further by exploring great Nuxeo theme capabilities; however, with the previous simple steps, your Nuxeo app is now branded for your organization.

 


17 days ago Andrew Goodricke Syntax error fixed
4 years ago Manon Lumeau 38
5 years ago Solen Guitter 32
5 years ago Solen Guitter 33 | Migration of unmigrated content due to installation of a new plugin
5 years ago Solen Guitter 34 | Migration of unmigrated content due to installation of a new plugin
5 years ago Solen Guitter 35 | Migration of unmigrated content due to installation of a new plugin
5 years ago Solen Guitter 36 | Migration of unmigrated content due to installation of a new plugin
5 years ago Solen Guitter 37 | Migration of unmigrated content due to installation of a new plugin
5 years ago Solen Guitter 31
5 years ago Manon Lumeau 29
5 years ago Manon Lumeau 30
5 years ago Manon Lumeau 28
5 years ago Manon Lumeau 27
5 years ago Solen Guitter 25
5 years ago Solen Guitter 26 | Migration of unmigrated content due to installation of a new plugin
5 years ago Manon Lumeau 24
5 years ago Manon Lumeau 23
5 years ago Manon Lumeau 22
6 years ago Solen Guitter 18
6 years ago Solen Guitter 19
6 years ago Solen Guitter 20 | Migration of unmigrated content due to installation of a new plugin
6 years ago Solen Guitter 21 | Migration of unmigrated content due to installation of a new plugin
6 years ago Solen Guitter 17 | Formatting
6 years ago jballina 14
6 years ago jballina 15
6 years ago jballina 16 | Migration of unmigrated content due to installation of a new plugin
8 years ago Solen Guitter 10 | updated with new Studio 2.1 branding features
8 years ago Solen Guitter 11 | Migrated to Confluence 4.0
8 years ago Solen Guitter 12 | Migration of unmigrated content due to installation of a new plugin
8 years ago Solen Guitter 13 | Migration of unmigrated content due to installation of a new plugin
8 years ago Solen Guitter 9 | updated with new Studio 2.1 branding features
9 years ago Solen Guitter 8 | updated menu title
9 years ago Alain Escaffre 7
9 years ago Solen Guitter 6
9 years ago Solen Guitter 5
9 years ago Solen Guitter 4
9 years ago Alain Escaffre 3
9 years ago Alain Escaffre 2
9 years ago Eric Barroca 1
History: Created by Eric Barroca

We'd love to hear your thoughts!

All fields required