1. Fill in the Form Name field at the top left of the screen.
   
1. Form names must be unique for all forms.
2. It is recommended to name forms in such a way that you know what actions are taking place in the form.
   
3. This helps when edits or trouble shooting is needed.
   
2. Next select a client if the form being created will be client specific.
   
1. If using in a generic setting across all scripts in the system leave set to None.
   
3. Width is how wide the form will display to the agent during order entry
   
1. you can select
   
1. percent
   
2. pixels
   
2. If the width is 100% the form will always take up the entire screen horizontally with no scroll bars regardless of the elements inside the form. If it’s questionable whether the form will fit into the screen based on the contents you should set the width to be pixels and make sure it encompasses all the elements in the form.
4. Height is how high the form will display to the agent during order entry
   
1. you can select
   
1. percent
   
2. pixels
   
2. If the height is 100% the form will always take up the entire screen vertically with no scroll bars regardless of the elements inside the form. If it’s questionable whether the form will fit into the screen based on the contents you should set the height to be pixels and make sure it encompasses all the elements in the form.
5. All the way to the top right is the  Pin Form To Script button.
   
1. pinned will prevent the form being edited on other scripts where it is used.
   
1. essentially you are making a copy of the form that is specific to this script only
2. unpinned will allow the form to be edited on all scripts
6. Back to the left menu below Form Name and Client is the Tree View - design space. This is where the visual aspect of the form is designed.
   
1. The parts of the form are outlined here with open and close controls 
   
1. Form
   
1. Header - top section of form
   
1. element
   
2. Note: The Add/Edit Column window for the header and footer differ slightly from regular columns, in that you cannot edit the name and you are setting a height in pixels instead of a width. You can also set a border size in pixels (the border color will always be black) and a background color of the entire header/footer. Once you change the height to a value greater than zero and save you will be able to see the header/footer outlined in a red dotted border at the top or bottom of your form.
2. Col# - the divided space in the middle of the form between the Header and Footer
   
1. element - the information displayed within the column
   
1. items - pre-configured buttons added within the element.
   
2. Note: You can delete a column as long as it is not the only column for the form (excluding the header and footer) by opening the Add/Edit Column window and clicking the Delete button, or by right clicking on the column and selecting ‘Delete Column’.
   
3. The column name will be defaulted to a generic name, however you can modify to be more specific.
   
4.  Set the width of the column in percent or pixels. If the width is 100% the column will always take up the entire form horizontally, with no scroll bars regardless of the elements inside the column. If it’s questionable whether the elements will fit into the column based on you should set the width to be pixels and make sure it encompasses all the elements in the column.
   
5. Set a border size in pixels (the border color will always be black)
   
6. Set a background color for the entire column.
   
7. Click the save button to save your changes, they will be reflected in the preview pane. Each column is surrounded by a red dotted border in the preview window (unless you have specified a border width, then it will be a solid black border). The red dotted border will not be rendered in the order screen, it’s just to give a visualization of where the columns are
3. Footer - bottom section of form
2. You can add additional columns and elements to the form from this view pane
   
3. Right clicking on branches will allow you to:
1. Add Element - This opens the Add/Edit Element screen
   
1. 
   
2. Edit Column - allows you to set the display parameters (same as double clicking the branch, see below)
   
1. Double clicking on a branch will allow you to set the display parameters
   
1. Column Name
   
2. Height in pixels -
   
3. Border Width in pixels
   
4. Background Color
   
1. 
3. Delete Column - removes the column from the form
   
1. 
   
7. The middle pane is the workspace. This is where function is configured for the visual elements.
8. Far right pane is the Custom Fields
   
1.  - Custom fields created for this form and then added to an element.
   
2.  - Global custom fields that can be used across all forms and then added to an element.
3. this is not associated to the Custom tab on the Maintain Script > edit script
   
1. this will not show on the custom fields displayed on the order
   
2. this will not save on backend tables
   
4. You can create form specific custom fields, to capture and display additional information. To add a custom field you can click on the Add Custom Field button or right click the ‘Custom Field’ node and select ‘Add’. To edit a custom field you can double click the custom field node or right click the custom field node and select ‘Edit’.
   
5. Enter a name for the custom field and select the Field Type. There are different options based on the type of custom field type you want to create.
   
6. If you decide to want to use this custom field in other forms, check the "Global box" and the field will appear in other forms.
   
7. When selecting Alpha/Date/Numeric types you have the option to enter minimum and maximum values, along with a regular expression evaluation. (Note: This is an advanced feature, if you do not have experience with regular expressions, it’s best to leave it blank).
   
8. When selecting a Boolean field, you have the option of rendering it as a checkbox, or a radio button. If rendering as a checkbox you can enter a label that will appear before the checkbox. If rendering as a radio button, you can enter the labels for the true and false values.
   
9. When selecting a button field, you can enter a label which will appear as the text on the button itself.
   
10. When selecting a list Field Type, you can also select the way you want the field rendered including a checkbox list; drop down list and radio button list. You also need to enter the values that will appear in the list and the display order. 
    
1. Click the save button once you have entered values into all required fields; and the custom field will appear in the custom field tree. The field will now be available to add to an element. Note: If you save a custom field as a global field, it will not appear in the tree; but will be available to add to an element.
   
2. You can delete a custom field by opening the Add/Edit Custom Field window and clicking the Delete button, or by right clicking on the custom field and selecting ‘Delete’.
   
9. The last row contains configurable event buttons. A single click on any of the buttons will open the configurator and allow you to set the desired actions.
   
1. Init (Initialize) - the first event that occurs when the form is displayed.
   
2. Timer - background feature behaves as an alarm for each form to raise an event that can be customized with action(s)
   
3. Home form
   
4. Previous form
5. Next form
6. End form
7. 
   
8. 
   
10. You can preview the created form by clicking on the Preview button all the way to the bottom right
    
1. 
   

Add Element

1. Element Name - This is a required field
   
1. Name will be defaulted to a generic name, however you can modify to be more specific.
   
2. Elements display on the form alphabetically.
2. Column - This is the divided space in the middle of the form between the Header and Footer.
   
1. By clicking on the drop down you can move the element to a new section.
   
3.  Product Offer - is not used and will be removed from screen soon
4. Width - How much space within the column will the Element utilize.
   
1. Percent
   
2. Pixels
   
5. Choose an Element Template
   
1. If you have created global elements (more information below) you can select them in this screen. Once you choose the global element from the drop-down list, you can click the insert element template button, and all of the information from the global element will be (copied) populated in the body of this element. You can make any changes desired, without modifying the existing global element. Any changes will only be specific to the element you are adding/editing.
6. Insert Template - displays a copy of the element selected from the element template drop-down
   
7. Border Width - thickness of border in pixels
   
8. Background - select the color for the background of the element
   
9. Pos-X - is not used and will be removed from screen soon
10. Pos-Y - this is the order the element will show relative to other elements in the same column.
11. Type - is not used and will be removed from screen soon
12. Properties - this box will display available properties for the button/field selected that are able to be configured from the Element popup. Event driven interactive settings are configured outside the Element popup. See Interactive Settings below.
1. The view of this box will adjust based on the button/field selected
13. Products - you can search for product offers to create a button with the offer name as the label on the element and quantity set. 
    
1. search bar will display any product setup in system - is not filtered based off products added to script
   
1. you will need to add offer to script if you select an offer not already assigned to script
   
2. This sets action to Set Offer Attributes - any other actions will need to be set manually
   
1. Product Offer - set  when adding button to element
2. Rush = Do Nothing
   
3. Quantity - adjustable when adding button to element
   
4. Selected Only? - unchecked
   
14. Actions
    
1. Action Button - adds a button with no preset configurations.
   
1. 
1. Label
   
1. this displays to the agents
   
2. example: 
   
2. Type
   
1. Button
   
1. 
   
2. Checkbox
   
1. 
   
3. Radiobutton (group 1-15)
   
1. 
2. groups relate buttons together (only one item can be selected)
3. Action
   
1. User Defined 
   
1. You will have to assign/set interactive settings for the button.
2. Go Home (form)
3. Previous (form)
4. Next (form)
5. Go End (form)
2. Collapsible Content - This inserts a two-section text field with a Title and Body. Title will display on screen for agents and will expand when clicked on. Will collapse when Title is clicked on a second time.
   
3. Go Previous Button - adds a preconfigured button to navigate to the previous form.
4. Go Home Button - adds a preconfigured button to navigate to the home form.
5. Go to End Button - adds a preconfigured button to navigate to the end form.
6. Go Next Button - adds a preconfigured button to navigate to the next form.
   
7. Linked Field
   
1. Does not save in database.
   
2. You will have to assign/set interactive settings using an action button (navigation or preconfigured action button from element setup).
   
15. Call/Order Fields - these are hardcoded buttons and fields found on classic order entry.
    
1. You cannot edit these buttons. 
2. If you want to create custom fields to be used across many different forms, you can create global custom fields. These differ from form specific custom fields, in that they can be attached to any form. Navigate to Campaign > SIM Custom Fields
3.  - OLX fields that can be added to an element which displays static information.
4.  - OLX fields that can be added to an element to capture/view order information.
   
   
   

   Label - Pre-Configured display only label	Input - text box that sets information to be displayed when Label is used	Pre-Configured Button	Action of Pre-Configured Button
   AgentFirst	BillAndShipSameCheck	CopyBillToShipButton
   AgentLast		ProcessButton
   CallStartDate		ProductsTable
   CallStartTime		SubmitButton
   Campaign		ScheduleCallbackbutton
   DNIS		WrapUpBlock
   EmployeeName
   EmployeeNumber
   OrderTotal
   ShipTotal
   SubTotal
   TaxTotal
   WebOrderNumber
   AccountNumber	AccountNumber
   Age	Age
   BankCity	BankCity
   BankName	BankName
   BankState	BankState
   BillAddress1	BillAddress1
   BillAddress2	BillAddress2
   BillAddressBlock	BillAddressBlock
   BillCity	BillCity
   BillCountry	BillCountry
   BillFirstName	BillFirstName
   BillLastName	BillLastName
   BillMiddleInitial	BillMiddleInitial
   BillPhoneNumber	BillPhoneNumber
   BillPMPhoneNumber	BillPMPhoneNumber
   BillState	BillState
   BillZipCode	BillZipCode
   BirthDate	BirthDate
   CallDispostion	CallDispostion
   CallType	CallType
   CCExpDate	CCExpDate
   CCNum	CCNum
   CheckNumber	CheckNumber
   CompanyName	CompanyName
   CustDemoNotesBlock	CustDemoNotesBlock
   Custom1-5 fields	Custom1-5 fields
   CVV2	CVV2
   Debit	Debit
   EmailAddress	EmailAddress
   ExternalOrderNumber	ExternalOrderNumber
   Gender	Gender
   Location	Location
   NoSolicit	NoSolicit
   Notes	Notes
   PackingSlipComments	PackingSlipComments
   PayMethod	PayMethod
   PayReferenceNo	PayReferenceNo
   PhoneExtension	PhoneExtension
   PromoCode	PromoCode
   RoutingNumber	RoutingNumber
   Savings	Savings
   ShipAddress	ShipAddress
   ShipAddress2	ShipAddress2
   ShipAddressBlock	ShipAddressBlock
   ShipCity	ShipCity
   ShipCompanyName	ShipCompanyName
   ShipCountry	ShipCountry
   ShipFirstName	ShipFirstName
   ShipLastName	ShipLastName
   ShipMethodBlock	ShipMethodBlock
   ShipMiddleInitital	ShipMiddleInitital
   ShipPhoneNumber	ShipPhoneNumber
   ShipPMPhoneNumber	ShipPhoneNumber
   VoicePrintID	VoicePrintID
   WarehouseComments	WarehouseComments

   
   
16. Work Space - This is the section the agents will see during order entry. 
    
17. Format Tools - Enter the body of the Element. You can alter the way the body looks by using the various tools located on the format toolbar.
    
18. View
    
1. Design - this is WYSIWYG screen editor
   
2. HTML - you can use HTML to design the form.
   
3. Preview - you can preview the form to see how it will display to agents during a live call.
   
19. Wrap Up Buttons
1. To save the changes click the Save button . This will close the Form popup and take you back to the Script Form tab.
   
2. To apply the current changes you have made click the Apply button . This will not close the Form popup but will save edits made.
3. To cancel any of the current changes you have made click the Cancel button .
   
1. This will close the window without saving any changes.
   
4. To print the current window click the Print button .
   
5. To delete the selection, click the Delete button .
   
1. This will prompt you to make sure you want to delete this item.
   
2. 
   
3. Clicking OK will delete the element and close the window.