HTML Host Page (Template)
Form Properties
You can select a HTML host page from the "Form Properties -> HTML Host Page" (or when using the New Form Wizard).
Important:
If you have changed the HTML host page e.g. using your
HTML editor, then you need to re-load the HTML host
page!
Arclab Web Form Builder allows you to build a php Web
Form Page based on a HTML Host Page (Template).
Arclab Web Form Builder allows you to build a php web
form page based on a HTML host page. The HTML host page
is the HTML page in which the form should be inserted.
The host page will be used as a template only - it will
not be changed. The php script contains the content of
the HTML host page with the inserted web form, which can
host multiple form pages.
Its not required to load a HTML host page if you want to insert the form as an <iframe> to a web page!
The HTML host page must be a HTML page
Go to "Form Properties" and select the "HTML Host Page" which the program should use. The program will use this page only as a template, it will NOT overwrite the file. The output file will have the extension .php (instead of .htm), so it could be required, that you change any inbound links from other webpages to this page.
Please use utf-8 encoding if there are any charset conversion problems
e.g. use
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
instead of <meta http-equiv="Content-Type" content="text/html;charset=unknown">
The program automatically converts the characters from the charset specified in
the html code to utf-8. Supported charsets: utf-8, US-ASCII, iso-8859-x,
windows-125x, shift_jis, euc-jp, gb2312, big5, koi8-r, windows-874
<head>
...
<meta http-equiv="Content-Type"
content="text/html;charset=UTF-8">
...
</head>
The HTML host page must contain the placeholder keyword: ARCLABWEBFORM
Adding the "placeholder" keyword is very simple. Open the HTML host page in your
HTML editor and add the keyword ARCLABWEBFORM at the desired position. You can
do this in WYSIWYG or in the HTML source mode of your HTML editor.
Just type in ARCLABWEBFORM (there is no special formatting required!)
Sample:
How to change the background color of the form
The form is transparent, so it has the background color of the
element hosting the ARCLABWEBFORM keyword.
You can use e.g. a table
or div to specifiy a background color.
Sample:
ARCLABWEBFORM
HTML Sourcecode:
<div style="background-color:#339933; color:#FFFFFF;
text-align:center; padding:10px;
width:700px;
border-radius:7px;">
ARCLABWEBFORM
</div>
Sample:
ARCLABWEBFORM
HTML Sourcecode:
<div
style="background-color:#333399; color:#FFFFFF; text-align:center;
padding:10px;
width: 700px; border:1px solid #000000; box-shadow:
5px 5px 5px #333333;">
ARCLABWEBFORM
</div>
If you want to use an iframe and the background of the "iframe" page should have a background color, then you can use a small HTML host page to change the background color of the "iframe" page.
Sample <iframe> HTML Host Page Sourcecode:
<!doctype html>
<html>
<head>
<meta content="text/html; charset=utf-8"
http-equiv="Content-Type">
</head>
<body style="background-color:#CCCCCC;">
ARCLABWEBFORM
</body>
</html>
