Fields

HTML Business Function Reference

 

1. Layout

a) Editable Field:

  Fieldlabel        inspection text
d) Pulldown Field:

  Field label        inspection text
b) Non-Editable Field:

  Fieldlabel    
   Content goes here      inspection text
e) Entry Field with Button:

  
   Go   
c) Required Entry Field:

  Field label *        inspection text

 

2. Business-HTML Coding Example

  a) Editable Field 

`SAP_TemplateEditableField("YourID", fieldLabel="YourFieldLabel", 
	fieldLabelWidth="YourFieldLabelWidth", name="YourTextFieldName",
		value="YourFieldValue", size="YourSize", maxlength="YourMaxLength",
			inspectionText="YourInspectionText")`

 

  b) Non-Editable Field 
`SAP_TemplateNonEditableField("YourID", fieldLabel="YourFieldLabel",
	fieldLabelWidth="YourFieldLabelWidth",	value="YourFieldValue", 
		size="", inspectionText="YourInspectionText")`

 

  c) Required Entry Field 
`SAP_TemplateEditableField("YourID", fieldLabel="YourFieldLabel", 
	required="X", fieldLabelWidth="YourFieldLabelWidth", name="YourTextFieldName",
		value="YourFieldValue", size="YourSize", maxlength="YourMaxLength",
			inspectionText="YourInspectionText")`

 

  d) Pulldown Field 
`YourKeyArray[]="YourKey1"; YourKeyArray[]="YourKey2";
		YourKeyArray[]="YourKey3";`

`YourContentArray[]="YourContent1"; YourContentArray[]="YourContent2";
		YourContentArray[]="YourContent3";`

`SAP_TemplatePulldownField("YourID", fieldLabel="YourFieldLabel",
	fieldLabelWidth="YourFieldLabelWidth", width="YourWidth", key="YourKeyArray",
		content="YourContentarray", selIndex="YourIndex",
			inspectionText="YourInspectionText")`

 

  e) Entry Field with button 
`SAP_TemplateSimpleEntryFieldWithButton("YourID", name="YourFieldName", value="YourFieldValue",
	 size="YourSize", maxlength="YourMaxLength", buttonLabel="YourButtonLabel")`

 

 

 

3. HEX RGB and Class-Reference

Editable Fields

Text
1. Field label:
Hex: 000000
RGB: 000 000 000
Class: "text"

2. Text Field:
name="textfield"
class="input"

3. Inspection text:
Hex: 000000
RGB: 000 000 000
Class: "text"

  1. Field label        3.inspection text
Background Colors:
1. Field label underline:
Hex: F5F4E7
RGB: 245 244 231

2. Editable cells:
Hex: FFFFFF
RGB: 255 255 255

                                          

  1.

 

Non-Editable Fields

Text
1. Field label:
Hex: 000000
RGB: 000 000 000
Class: "text"

2. Non-editable:
Hex: 55554B
RGB: 085 085 075
Class: "text3"

2. Inspection text:
Hex: 000000
RGB: 000 000 000
Class: "text"

   1. Field label    
    2. Content goes here       3. inspection text
Background Colors:
1. Field label underline:
Hex: F5F4E7
RGB: 245 244 231

2. Non-editable cells:
Hex: F5F4E7
RGB: 245 244 231

3. Non-editable cell border:
Hex: FFFFFF
RGB: 255 255 255
                         
   2.                                  

  1.                                  3.

 

Pulldown Fields

Text
1. Field label:
Hex: 000000
RGB: 000 000 000
Class: "text"

2. Pulldown:
class="pulldown"

3. Inspection text:
Hex: 000000
RGB: 000 000 000
Class: "text2"

  1. Field label        3. inspection text
Background Colors:
1. Field label underline:
Hex: F5F4E7
RGB: 245 244 231
                                         

  1.

 

Simple Entry Field with Button

Text
1. Button text:
Hex: 000000
RGB: 000 000 000
Class: "button5"

  
   1. Go   

 

Source:  SAP Business HTML Cookbook