Versions Compared

Key

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

...

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 frevvo’s Live Forms’s left-hand menu.  Click the properties  icon underneath your application’s name.  When the Properties page is displayed, click the Choose Theme dropdown box and select your customized theme.

...

Code Block
<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>

...

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.

Customized Themes and Templates 

...

 

...

Advanced Customization Techniques

The possibilities for customizing themes are virtually endless with CSS.  Keep in mind that every control on your form has a CSS property field (as described in the horizontal radio button example), so you can set a value to any control in the forms designer and target the particular control using any allowable CSS property.   Consider also that you can’t “hurt” anything by experimenting with the form.css file and uploading your customized theme to frevvo.  If you upload the theme and it’s not quite what you want, just delete it. Even if you’ve applied the custom theme to a form, you can at any time reapply the original clear or professional blue theme by changing the form’s Theme property.

If you will be making sophisticated changes, we recommend using Firebug, which is a free Firefox add-on.  With Firebug, you can make changes to the form.css file and see the changes applied instantly to your form in Firefox’s browser. Firebug also helps you inspect markup and determine which class IDs you need when adding your own custom styling touches.  More information is available at www.getfirebug.com.

=== Flow.css Customizations === tbd

=== Tasks.css Customizations === tbd

=== Login.css Customizations === tbd

...