Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

The Styles tab is divided into two sections: My Styles and Tenant Styles. Global Styles are not listed here. Styles created/modified/uploaded by the designer user will be listed in the My Styles section. Styles created/modified/uploaded by the initial tenant admin will show in the Tenant Styles section. Styles created/uploaded by additional admins in a tenant will not display here. 

 Image RemovedImage Added

Styles are not included in the zipfile when you download a form, 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. You can also Image Addedsort Styles alphabetically (A-Z or Z-A).

Global Styles

Frevvoproduct
 provides four styles that can be chosen from the Style dropdown choices on the Style tab of the Form Properties panel. You will not see Global Styles on the
Frevvoproduct
 Style tab . Only styles created by designers and the initial tenant admin will display there. 

...

  1. Click on the Styles Tab. 
    Image RemovedImage Added

  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:
    Image Removed
    Image Added

  3. Enter a name and description in the appropriate fields (limit of 255 characters.)
  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 #, 
    Frevvoproduct
    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, 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:

...

Let's say you set the Input Focus control color to green and the Invalid Control Top and Invalid Control Bot colors to red in your style. 


 
 
You apply the style to a form that has a phone control with the Required property checked. When the form loads, the phone control will be red because it is an empty required field and is considered invalid. 
 

...

All the custom styles you created in your designer user account will be listed under the My Styles section of the Styles tab. You can edit, download or delete your custom styles. 

Image RemovedImage Added

To edit a style,

...