Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Section
Column
As forms are used, the values entered into form fields are cached on the  Server until the form is submitted or until the user's session times out. Each time you navigate a browser to a form URL, for example the URL you can copy/paste into a browser from the Email/Web Page share choice, you will see a blank form. That is, the form fields will be blank if you left them blank when you were designing the form in the Form Designer, or will have any default values you entered into the Form Designer. Also the form fields may contain values from your back-end systems if you used the Advanced Document URI feature or from a business rule triggered by either the form.load or form.activate conditions.

If you close your browser window/tab and again open the form via the share URL, you will again get a blank form.

Column
width300px

On this page:

Table of Contents
maxLevel3

...

 can easily be added into your existing web site. The option above in the Share section explains the code you need to copy into your web page and the different ways that the forms can be added to your site.Image Removed
Here is an example

Embedding Multiple Forms in a Single Web Page

...

Image Added

Embedding Multiple Forms in a Single Web Page

If your web server and  form server are in the same domain (in-house likely scenario), you are able to embed as many  forms into each of your .html web pages as you wish. In order to do this you must give each form a unique id. So if you copy the Share code into the web page a 2nd time, you must edit id to make them different from the 1st copy/paste. Id can be any string as long as it is unique.

...

  • showLink - If false (default), show the form in a frame. If true, show as a link and the parameters listed below can be used to customize the link.
  • linkId - id to be applied to the rendered anchor (<a>) tag. If none supplied the id will be a generated unique id.
  • linkClass - a space delimited list of one or more classes to be applied to the rendered anchor (<a>) tag. This can be used by the third-party web page designer to style the tag/link.
  • linkTitle - any title text to be applied to the rendered anchor (<a>) tag. This will be seen as a tooltip when hovering with the mouse. If not supplied, then the form name will be used.
  • linkLabel - any text to be used as the link. If not supplied, then the form name will be used.
  • linkTarget - if set then the form will be opened in a new tab/window. Can be any text and is the name of the target window.
  • linkThumbnail - if set to 'true', then the form's thumbnail will shown as the link on the web page.
  • imgWidth - if linkThumbnail=true, then the width of the thumbnail image. Any css units are acceptable.
  • imgHeight - if linkThumbnail=true, then the height of the thumbnail image. Any css units are acceptable.

If the iframe is not properly sized to the viewport on your mobile device, add the following meta tag between the <head> elements in the HTML.

Code Block
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
</head>

Here is an example of HTML with the meta tag and embedded script:

Code Block
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
</head>
<body>

<div><p>Here is a div with some text. How long is this text? It should wrap around to the next line since it is a long enough line</p></div>

<script xmlns="http://www.w3.org/1999/xhtml"
                    src="http://<server>:<port>/frevvo/web/tn/frevvo.com/u/8aa27da6-4bef-427c-92e3-6ad8d58e506a/app/_bDd4YX76EduXFsA4l9RQeQ/formtype/_RwO0sMxjEeKp6swhthjzZQ/embed?container=false&amp;center=false&amp;resize=true&amp;border=false"
                    type="text/javascript">
</script>
</body>
</html>