Page Comparison

Nouveau and Nouveau Blue zip files include an images folder and several files. The most important is the

common.css file; this is

the only file

that should contain all of your custom css for forms, flows, spaces,the task list etc. You can refer to the other files to view the  default css for these features. Refer to Common Customization Examples for more css solutions.  

Below are the downloaded items and the purpose of each:

• common.css - This is the recommended file to place all of your custom css in. Upgrading to a new release will be easier if all of your custom css is in one place. Forms, flows, spaces and task list pages all import common.css from the theme in desktop and mobile views.
• form.css – This

• file shows the default css for forms.
• form-edit.css – Typically this file is not used but it is available in case you want to customize what you see when designing your form. 
• container.css –

• This file shows the default css if you are using pop-up windows or embedded forms.

• custom.js file – You can include your own javascript here. Your form will use your custom code because this file gets loaded automatically when the form is loaded. See the chapter on Customizing Behavior for ideas.
• flow.css - This is

• the default customization for flows.
• space.css - This is

• the default customization for a  Space.
• tasks.css - This

• file contains the customization for the task list.

• submissions.css - This is where you customize

• and embedded submissions page.
• form-layout.css - This

• style sheet is intended for custom layouts. You should only put layout-specific CSS in here. Stylistic changes, such as colors, borders, fonts etc., should be added to common.css.
• login.css, submission.css, flow-edit.css and form-edit.css are currently not used.
• Images folder – This contains image files used for displaying borders and headers of a pop-up window but more importantly is where you place any images you might use for customization--for example, if you edit form.css to replace the standard icons shown in your forms. Also, if you will be using pop-up forms and want a header, you'll need to add an image called header.png in the folder. The dimensions of the image must match the width of your forms.
  

  Image Added