Live Forms v5.1 is no longer supported. Click here for information about upgrading to our latest GA Release.

Items in a Custom Theme File

The 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.

  

The files: common.css, form.css, container.css, tasks.css, space.css, and flow.css are currently used and collectively referred to as Look & Feel files.  The files login.css, submission.css, flow-edit.css and form-edit.css are currently unused. Lastly, the theme contains s custom.js. file, which typically contains, custom JavaScript added by the designer for form usability. See this documentation for some examples of common custimizations.

 

 

Â