Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3

Using Your Customized Theme 

...

Theme

Once you've uploaded your customized theme, you can use it for every form in an application or for specific forms.  To use your theme in every form in an application, click Applications from ' left-hand menu.  Click the properties Image Removed icon underneath your application’s name.  When the Properties page is displayed, click the Choose Theme dropdown box and select your customized theme. Image Removed You can designate an uploaded application theme to be applied to all the forms in your application. Follow the steps below:

  1. Click the Properties Image Added  icon for an application on the Application Home Page or on the Application Theme tab. 
  2. Click the arrow to display the Choose Theme dropdown. Application Themes will display as one of the choices under Themes in Current Application.  Designer themes will be listed under the designer's user id and the Global Themes category will list the two global themes included in . 
  3. Select your customized theme.

Image Added

This will apply your new theme to any new forms you create, but it won’t automatically change the theme for existing forms.  To update an existing form with your new theme, locate the desired form and click Edit. 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 customized theme from the Theme dropdown box. Image RemovedCustom themes, divided into Application and Designer theme categories, plus the two Global themes will be listed as choices.

Image Added

The theme can be selected dynamically via the form Url parameter _themeId. This parameter takes precedence over the theme selected at either the Application or in the Form itself as shown above. Append _themeId can be set to either than name of the theme, "Professional Green" in the case above. Or it can be set to the unique theme Id. You can find the Id via Copy Link Location on the Edit button or theme name in the Themes tab.

Here is an example using the Just the Iframe share code. The theme is set to one uploaded by the user named "yellow".

...

to the share link of your form/flow or space. There are two types of syntax that can be used. The first type is _themeId=" the name of the theme".  The second type of syntax is extended to use the composite ID: _themeId!userId!tenantID="the name of the theme".

Editing Your Customized Theme 

If you need to make additional changes to your customized theme, again edit the form.css on disk and re-zip the files and then upload the modifications by clicking the  icon next to your existing theme. When you update a theme the changes take place immediately and automatically in all forms already using that theme.