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

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 18 Next »

Using Your Customized Theme

Once you've uploaded your customized theme, you can use it for every form in an application or for specific forms. 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   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.

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. Custom themes, divided into Application and Designer theme categories, plus the three Global themes will be listed as choices.

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. _themeId can be set to either the name of the theme, "Picasso Professional", as an example, or it can be set to the unique theme Id. You can find the Id via the 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".

<script src="http://test.frevvo.com:80/frevvo/web/user/qaforms/app/_Vse0geOLEdygU8Rk-2FAeQ/ formtype/_dV9uYOOLEdygU8Rk-2FAeQ/embed?container=true&_themeId=yellow" type="text/javascript" language="Javascript"></script>

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.

 

  • No labels