With the advent Quik! Forms Engine and the ability to deliver forms in an HTML environment, you now have more ability to customize the user experience. As your user navigates your application and gets to the point of seeing the form, you may want the Quik! Form Viewer to match and blend in with your environment as much as possible. The forms can be customized in several ways to make this possible.

Since the Quik! Forms Engine is creating and writing out HTML files, several HTML and javascript elements can be customized to enhance and optimize how users interact with your application.

NOTE: When configuring these options, it may help to look at the page source or the HTML code output by the Quik! Forms Engine. It's important that you don't create errors in the Javascript or styles with any changes that you make.

Configuring The User Interface

The properties in the next section expose various HTML attributes that you can configure. You can change the title of the page, meta tags, the logo displayed to the user, the page content and the styles.
Image Removed

Logo

Put your logo on the forms by specifying the URL or relative reference to your logo file. Your logo must be 150 pixels wide and 65 pixels high. Set the HTMLLogoPath and HTMLLogoAltText property.
Image Removed

Instructions

The text on the top of form viewer can be changed to your own text. Be careful not to use more text than will fit on the page to avoid page size and style issues. Set the HTMLMainInstruction and HTMLMinorInstruction properties.
Image Removed

Hide Buttons

Each button on the form viewer can be hidden by setting their respective property. By default the Submit button will NOT display unless a submit URL has been provided. The Save and Load buttons work together and are both hidden when the Save button is hidden. Set the HTMLShowButton<BUTTON NAME> property.
Image Removed

Footer

The Quik! Form Viewer footer can be modified as needed by setting the HTMLFooter property.
Image Removed

Cascading Styles

The styles incorporated into the Quik! Forms Viewer are integral to how the page is displayed, however you can modify the styles to create the effect you want (e.g. different border colors). Set the HTMLStyles, HTMLFieldFontColor and/or HTMLFooterStyle properties.
CAUTION: Changing the styles requires careful attention to detail and thorough testing of any changes in all supported browsers.

Configuring Included Javascripts

The Quik! Form Viewer uses iScroll and jQuery for various features. By default these scripts are set to be accessed from the Quik! server (e.g. https://www.quikforms.com/shared/scripts/QFE/jquery-1.9.1.min.js) but can be changed to your environment. Set each scripts property to a location of your choosing with the iScrollFilePath and jQueryFilePath properties with either a fixed or relative URL to the javascript files included with this software in the Javascripts folder.
For more options on configuring the viewer, see the HTML properties in the next section.