Page Comparison

Let's say you want to change the background color of your forms/flows workflows so they will blend in nicely with your existing website. You can choose one of the provided global styles or create a new custom style. Once you create a custom style you can use it in as many forms/flows workflows as you like. Custom fonts for Message Control text styling can also be added to .

...

provides four layouts that can be applied to forms/flowsworkflows. New projects default to Nouveau and forms/flows workflows created in a project will inherit the Nouveau layout. New layouts can only be added by frevvo. The Layout dropdown on the Form Properties Style tab displays the choices:

1. Nouveau - takes advantage of newer browsers supporting modern CSS and is extremely well-suited to forms/flows workflows running on mobile devices.
2. Compact - This is very similar to the Nouveau layout except for the reduction of vertical space between controls.
3. Tight - Vertical and horizontal space is dramatically reduced - - controls will be positioned up against each other. 
4. Nouveau Square - this layout is the Nouveau layout with square corners for controls.

...

Styles are used to select a particular look & feel for your project, forms or flowsworkflows. The Style feature is primarily concerned with colors (background and font colors) but there is also the opportunity to specify other properties such as the font name, etc. 

...

Styles are not included in the zipfile when you download a form, flow workflow or project. Styles must be manually moved from your test/development server to your production environment. You do this by selecting Download from the menu for each style you want to move from your test/development server and then selecting Upload from the  Add menu in the styles tab on your production server. Remember to upload the style at the same level on your production server as you had on your test/development server. 

...

The four Global Styles are: Blue, Neutral, Green, Aqua. You can use them for your forms, flows workflows and spaces but you cannot download or modify them in any way. 

...

• The top section of the page provides a field for the Style name, a description and the default colors (hex values) for controls explained in the table below.
• The bottom section of the page provides the ability to set colors for a specific control types. The overrides in this section are helpful if you want your  projects/forms/flows workflows to match a Style Guide used by your company.

The tenant admin or any designer user can create a new Style.  

 Follow these steps:

1. Click on the Styles Tab. 
   
   
   
2. Click the  Add icon and select New Style. The Update Styles screen will display. Notice that most of the fields have Help icons. Click these to get more information about the color property. Also notice the background of each property field displays the assigned value:
   
   
   
   
3. Enter a name and description in the appropriate fields.
4. The base color defaults to #84baee - the hex value for the color blue. You can replace this value but it MUST be with a hex color value. If you do not supply the #,  will add it for you. Lighter/darker colors are calculated from this color. If you change the base color, they will automatically be recalculated when you tab out of the field or when you click the Recalculate from base button. This color is used for anything that's clickable in your form e.g. print, help, date picker, uploads, flow workflow navigation icons, button gradients etc.
5. The colors for most of the categories are generated from the base color. Some colors have defaults instead. You can change any color you want provided you supply the hex color value. Here is a list of the properties, the default colors and where in your form the assigned color will display:

...

...

...

...

Styles can be selected at the project, form, flow workflow and space levels. If no style is selected, the default global style Blue is used. If no style is set for a form/flowworkflow, it will inherit the style selected for the project. If a form/flow workflow is embedded in a space, the space style will take over even for forms/flows workflows where you selected a specific style. A style applied to a flow workflow will be inherited by all the forms contained within it.

Layouts can be selected for projects, forms and flows workflows but not spaces. If no layout is selected, the default layout, Nouveau, is used.

...

This will apply the selected layout and style to all forms and flows workflows in that project where the designer has left the form/flow workflow layout and style unselected. If the designer selected a specific layout and style for any given form or flowworkflow, that selection will take precedence over the project's selection.

To select a specific layout or style for any given form or flowworkflow, edit the form or flowworkflow. Click the toolbar at the top of the form to access the form properties on the left side of the Forms Designer. Click the Style tab, and pick your layout and style from the respective dropdown lists. These form/flow workflow designer style properties will override your selected style's properties. For example if your style sets labels to blue you can override this for a particular control to yellow using the control's style property.

...

Styles can be selected dynamically via the form or space using the URL parameter _styleId. This parameter take precedence over a style selected at the project or form level. Append _styleId=<style name> to the share link of your form/flow workflow or space. The share URL shown appends the _styleId parameter equal to a style named Orange that was created by the designer.

...