Concept  xsdform overview

XSDForm gets your XSD and creates a web form on your web site. Optionally, it gets XML data and fills the initial data of the web form.

The form sends the filled (prepared) XML string to specified web address. (Delivers xml).

Installation

  1. Download XSDForm with link on our download page.
  2. Extract and upload the XSDForm files into /XSDForm directory of your web site. 
  3. Change the rights of the file /XSDForm/admin/xsdformconfiguration.xml to 777 (writable by web server)
  4. Protect /XSDForm/admin directory with htaccess protection.
  5. Login to your Ilerian account. Define your domain name, generate the license file and put it into /XSDForm/admin directory.

Configuration

Upload your XSD file to your web server.

Go to http://yourdomain.com/XSDForm/admin with your web browser

Add a new form with the a unique form identifier and other required fields including the address of your XSD file. A sample XSD file for a try is below:

Customer Information XSD
<?xml version="1.0" encoding="UTF-8"?>
<schema xmlns="http://www.w3.org/2001/XMLSchema" targetNamespace="http://www.example.org/customer_info"
	xmlns:tns="http://www.example.org/customer_info" elementFormDefault="qualified">
	<element name="customer" type="tns:CustomerType"></element>

    <complexType name="AddressType">

    	<sequence>

<element name="Name"   type="string"/>
    		<element name="Street" type="string"/>
<element name="City"   type="string"/>
<element name="Zip" type="string"/>
<element name="Country"   type="string"/>
    	</sequence>
    </complexType>

    <complexType name="CustomerType">
    	<sequence>
    		<element name="email" type="string"></element>
    		<element name="address" type="tns:AddressType" maxOccurs="unbounded" minOccurs="0"></element>
            <element name="acceptTerms" type="boolean"></element>
        </sequence>
    	<attribute name="name" type="string"></attribute>
    	<attribute name="surname" type="string"></attribute>
    </complexType>

    <complexType name="addressList">
    	<sequence>
    		<element name="address" type="tns:AddressType" maxOccurs="unbounded" minOccurs="0"></element>
    	</sequence>
    </complexType>
</schema>



Integrating to your Web Site

You can use the XSD form on anywhere of your web site.

A sample usage is below:

Sample Usage
<html><head>
<!-- fixed lines that include the scripts -->
<script type="text/javascript" src="/XSDForm/jquery.min.js"></script>
<script type="text/javascript" src="/XSDForm/xsdformjs.php"></script>
<link href="/XSDForm/style.css" type="text/css" media="screen" rel="stylesheet">
<!-- Prepare the form on page load -->
<!-- Use the form identifier that is entered on configuration -->
<script>
$(document).ready(function() {
	getXSDForm("Customer_Form","formDivId","");
});
</script>
</head>
<!-- Your web page content -->
<body>
<center><h3>Customer Form</h3>
<table border="1" width="500px">
<tr><td>
<!-- This is the place that you want to place the web form -->
 <div id="formDivId"></div>
</td></tr>
</table>
</center>
</body></html>

Customize

Customize XSDForm for your Genuine Web site design by modifying the CSS file. Take look at the CSS file under /XSDForm. You can give a completely different look to your form.

  • No labels
Write a comment…