Web UI

HOWTO: Customize the Creation Form

Updated: August 9, 2019 Page Information Edit on GitHub

In this tutorial you will learn how to configure the creation form in Web UI so that your document type with long labels will be displayed correctly.

Prerequisites

  • The Nuxeo Web UI addon installed on your instance.
  • In Studio Modeler > Settings > Application Definition, make sure that Nuxeo Web UI is in the Packages to Install list.

Create a New Theme

  1. Go to UI > Themes
  2. Create a new Theme called default that will override the default one.
    new-default-theme.png
    new-default-theme.png
  3. Add a new section called /* Document Creation Window */.
    It should look like this:
     /* Document Creation Form */
     --nuxeo-document-create-selection-button: {
     @apply --layout-horizontal;
     min-width: calc(49% - 8px);
     height: 60px;
     padding: 10px;
     };
     --nuxeo-document-create-selection-icon: {
     height: 40px;
     };
     --nuxeo-document-create-selection-label: {
     margin: 0 10px;
     text-align: left;
     }
    
  4. Click on Save at the top of the screen.

Deploy Your Changes

  1. You can now deploy your changes using the hot reload function of the browser extension
  2. Click on the Create button on your instance, the new creation window is displayed.
8 days ago manonlumeau Final review
History: Created by manonlumeau

We'd love to hear your thoughts!

All fields required