Forms (LDP)

- Create LDP Form Asset
  
  Create LDP Form Asset
  
  Create a LDP Form by navigating to the Assets, and create form.
  
  Before saving your form, you must fill in a form submission success and failure message. Feel free to customize this text, but this should help you get started.
  Success message:
  Your form submission has been sent. A copy of your submission will be sent to your email address submitted above.
  Failure message:
  Your form submission requires additional information. No data was submitted.
- Datasets:
  Datasets:
  
  Do you have reoccurring data for drop downs or radio buttons?
  
  We can create datasets with commonly used data. Examples include States, State Abbreviations, Months, Countries, and more. Simply request a set to be created to Eric Turner and one of the web team members will create a new set.
```
dataset=state; (California, Alabama, Alaska, etc.)
```
```
dataset=state_ab; (CA, AK, AL, etc.)
dataset=numbers; (1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20, etc.)
```
```
dataset=month; (Jan, Feb, Mar, etc.)
```
```
dataset=countries; (United States, Afghanistan,Albania,Algeria,Andorra, etc.)
```
  Inserting into LDP Form
  
  Syntax:
  dataset=wharehouse_paper_color;
  
  Advanced, Web Developer Access:
  
  Path:
  /_resources/_xsl/_shared/datasets.xsl
  
  Example:
  <xsl:when test="ou:get-adv($adv,'dataset') = 'warehouse_paper_size'"> 8-1/2 x 11, 8-1/2 x 14</xsl:when>
  <xsl:when test="ou:get-adv($adv,'dataset') = 'warehouse_paper_color'"> White, Blue, Buff, Canary, Goldenrod, Green, Pink</xsl:when>
  
  (I suggest copying an existing row, then edit the duplicate. This way you are less likely to miss a character)
- Form Fields
  Form Field Options
  
  Recommended for most form fields such as names, email addresses, etc.
  
  Recommended for Advanced Field: rows=10;
  
  Form Field Validation
  
  Email
  
  ADVANCED: Omni Update Support Documents
  - Advanced Fields
  - Regex Regular Expressions
- CSS Styles
  CSS Styles
  
  Asset:
  
  You can add a CSS class name by using the syntax: addclass=className;
  
  Content Page (.PCF/HTML):
  
  You can call up a class using the following syntax: <span class="className">…</span>
  
  Formatting your form fields:
  
  Using the form name/ID from your Asset you can stylize your form fields.
  
  Example:
```
<style type="text/css">

@media (max-width: 80em)  {
```
```
 #papersize01, #papercolor01, #paperquantityreams01,
```
```
 #papersize02, #papercolor02, #paperquantityreams02,
```
```
 #papersize03, #papercolor03, #paperquantityreams03,
```
```
 #papersize04, #papercolor04, #paperquantityreams04,
```
```
 #papersize05, #papercolor05, #paperquantityreams05 {
```
```
 padding: 0 0 20px 0; 
```
```
 }
```
```
} 
```
```
@media (min-width: 80em)  {
```
```
 #papersize01, #papercolor01, #paperquantityreams01,
```
```
 #papersize02, #papercolor02, #paperquantityreams02,
```
```
 #papersize03, #papercolor03, #paperquantityreams03,
```
```
 #papersize04, #papercolor04, #paperquantityreams04,
```
```
 #papersize05, #papercolor05, #paperquantityreams05 {
```
```
  display: inline-block; width: 320px; margin: 0 20px 0 0;  } 

  #phonenumber, #email, #dateneeded, #buildingnumber, #roomnumber { 
  display: inline-block; width: 200px; margin: 0 20px 20px 0; }  

  #mtsacletterhead, #padwhitescratch4x6, #padtransmittal, 
  #padtelephonemessage, #padwhiteruled812x11, #padstenobook6x9, 
  #paperwhiteruled812x11 { width: 200px;  
  }
 }   
.reamscase:before {content:"(10 Reams in a Case)"; vertical-align: bottom;}

 #papersize01:before {content:"Paper by the Ream:"; font-weight: bold; vertical-align: top;}
```
```
 #padwhitescratch4x6:before {content:"Pads:"; font-weight: bold; vertical-align: top; display: block;} 
```
```
 #paperwhiteruled812x11:before {content:"Paper:"; font-weight: bold; vertical-align: top; display: block;} 

</style>
```
- FoundationClass
  Foundation:
  
  You can add Foundation styling to the forms. Columns have to add up to 12.
  - To add three columns, you could add three instances of large-4 columns, adding up to 12.
  - To add four columns, you could add four instances of large-3 columns, adding up to 12.
  - To add two columns, you could add two instances of large-6 columns, adding up to 12.
  In the advanced field of the LDP Form, insert the following.
  
  addclass=large-4 columns;
  
  Foundation Input Fields
- Email Confirmations
  Email Confirmations
  
  An email can be sent to both the recipient and the person filling out the form. I suggest providing an email containing all the information submitted in the form.
  
  Double Curly Braces {{}} are used to enclose each form Name/ID as shown in the LDP Form Asset.
  
  Sample:
```
Order Requested by: {{personrequesting}} 
Phone: {{phonenumber}}
Email: {{email}}
Date Needed by: {{dateneeded}}
```
```
Building: {{buildingnumber}} Room: {{roomnumber}}
```
```
Paper Size | Paper Color | Quantity of Reams
```
  {{papersize01}} | {{papercolor01}} | {{paperquantityreams01}}
  {{papersize02}} | {{papercolor02}} | {{paperquantityreams02}}
  {{papersize03}} | {{papercolor03}} | {{paperquantityreams03}}
  {{papersize04}} | {{papercolor04}} | {{paperquantityreams04}}
  {{papersize05}} | {{papercolor05}} | {{paperquantityreams05}}
  
  You want to be sure the the content around the curly braces makes sense when read.
  
  A copy of all form data submitted is also available in a .csv file within the Asset.

Forms (LDP)

Create LDP Form Asset

Datasets:

Inserting into LDP Form

Advanced, Web Developer Access:

Form Field Options

Form Field Validation

ADVANCED: Omni Update Support Documents

CSS Styles

Asset:

Content Page (.PCF/HTML):

Formatting your form fields:

Foundation:

Email Confirmations