Embedded Files
Post date: Jul 21, 2015 1:11:10 PM
The program now provides a far more interactive Detail Sheet using web controls. Going forward you can create your own Web Entry Forms by following the basic guidelines listed below.
In the Manage Detail Sheets Page you will have the options to edit/add a detail sheet. When inputting a data sheet you'll be taken to the screen below. When wanting to utilize a Web Entry Form remember to click "Web Entry Form." After typing a description you're ready to begin entering your text.
After typing information its a recommended to click "Test HTML Form"; this will display what the mechanics will see.
Lastly, when entering this information it is very important to know how the system will sort what it receives. This will be done in an alphabetical manner. Because of this it's recommended that if you're using numbers that will only go to 9 then use single text 1,2,3,4 etc. However, when creating a much larger list that will surpass 10 you should instead use 01,02,03,04 etc, this will help the system distinguish using an alphabetical sort.
If you look back at Door Width you'll remember it being mentioned twice in this manner:
1. Door width: <INPUT TEXT NAME='1. Door Width'></INPUT>
The reason it's listed the second time with single quotes is to help the system/end user identify it. You'll notice the text between 'these single quotes' are our options '1. Door Width' and these will show when all is said and done. Once this information is pushed through the program the Web Based Code (HTML) is all but lost. Here is a normal Work Order Detail Sheet:
The text that will be entered will be somewhat reminiscent of the Simple Text that has been seen before, albeit with a few new symbols and words. To help distinguish between coding examples and text going forward all Web Based Entry (HTML code) will be written in Bold.
When building a Web Based Form you can choose from five different controls/commands - these are: Radio Buttons, Check Boxes, Multi-Line Text Box, Drop Down Menu, & Text Boxes.
When entering options you'll still be using simple text. This could be something such as Door Width, Series, Operation, etc. We'll start with Door width below.
(Text Box)
1. Door width:
This will be seen as normal text for the user as there are no symbols giving a command. To make this into a text box you'll want it to say:
1. Door width:
<INPUT TEXT NAME='1. Door Width'></INPUT>
In labeling it this way the "Input Text Name" command and respective symbols create an input box at the end of Door width. The 2nd mention of Door Width is necessary in the code as it's used later to convert this information into its end result.
<BR><BR>
The command BR represents a line break or a spacing between the text. The symbols <> encapsulating the BR are what convert this into code (HTML).
(Drop Down Menu)
2. Series:
<SELECT NAME='2. Series'>
<OPTION VALUE='591'>591 Series Heavy Insulated Steel
<OPTION VALUE='591'>593 Series Insulated Steel
<OPTION VALUE='424'>424 Series Steel
</SELECT>
Most HTML follows a similar pattern in regard to symbols. <SELECT NAME='2. Series'> is what opens the command </SELECT> is what then closes the same command. SELECT NAME represents a drop down window. OPTION VALUE represents the different types of series available for reference. When you first click this you will see the first listed series and will have the option to choose one of the options listed.
(Check Box)
3. Options:
<BR>
<INPUT TYPE=CHECKBOX NAME='3. Includes safety edge' VALUE='Yes'>Includes safety edge</INPUT>
<INPUT TYPE=CHECKBOX NAME='4. Includes photo cell' VALUE='Yes'>Includes photo cell</INPUT>
<INPUT TYPE=CHECKBOX NAME='5. Includes loop activation' VALUE='Yes'>Includes loop activation</INPUT>
A CHECKBOX is a unique input type where you can select multiple options at once. The reason you'll notice the numbers 3, 4, & 5 is because multiples can be selected. These numbers are listed to account for all unique variables.
(Radio Button)
6. Operation:
<BR>
<INPUT TYPE= RADIO NAME='6. Operation' VALUE='Manual'>Manual
<INPUT TYPE= RADIO NAME='6. Operation' VALUE='Chain hoist'>Chain hoist
<INPUT TYPE= RADIO NAME='6. Operation' VALUE='Electric'>Electric
RADIO NAME is quite similar to the CHECKBOX option above. However, when using "radio buttons" only one value/option may be selected. While you can create an option for multiples it would be far more practical to use the CHECKBOX example instead.
(Multi-Line Text Box)
7. Comments:
<BR>
<TEXTAREA NAME='7. Comments' rows=10 cols = 120></TEXTAREA>
It is suggested to always leave room for comments when using these forms. When doing so simply use the code listed above.
When entering text for your Web Entry Form it's suggested that you format it similar to the example below:
1. Door width:
<INPUT TEXT NAME='1. Door Width'></INPUT>
<BR><BR>
2. Series:
<SELECT NAME='2. Series'>
<OPTION VALUE='591'>591 Series Heavy Insulated Steel
<OPTION VALUE='591'>593 Series Insulated Steel
<OPTION VALUE='424'>424 Series Steel
</SELECT>
<BR><BR>
3. Options:
<BR>
<INPUT TYPE=CHECKBOX NAME='3. Includes safety edge' VALUE='Yes'>Includes safety edge</INPUT>
<INPUT TYPE=CHECKBOX NAME='4. Includes photo cell' VALUE='Yes'>Includes photo cell</INPUT>
<INPUT TYPE=CHECKBOX NAME='5. Includes loop activation' VALUE='Yes'>Includes loop activation</INPUT>
<BR><BR>
6. Operation:
<BR>
<INPUT TYPE= RADIO NAME='6. Operation' VALUE='Manual'>Manual
<INPUT TYPE= RADIO NAME='6. Operation' VALUE='Chain hoist'>Chain hoist
<INPUT TYPE= RADIO NAME='6. Operation' VALUE='Electric'>Electric
<BR><BR>
7. Comments:
<BR>
<TEXTAREA NAME='7. Comments' rows=10 cols = 120></TEXTAREA>
Once this information has been entered the end result should appear like what's shown below:
What we're left with after processing is our results/answers but preceding that is the information previously mentioned in our single quotes. The end result will look something like this:
Test #1
1. Door Width: 10' x 7'
2. Series: 591
5. Includes loop activation: Yes
6. Operation: Electric
7. Comments: Safety Edge Needs Replaced.
Page updated
Google Sites
Report abuse