Toolbox

HTML Business Function Reference

 

1. Layout

  Tools
open all tiles close all tiles
open / close tile Search    
edit
  
  Go  
open /close tile My Page    
edit
open /close tile My Messages    
edit

 

2. Business-HTML Coding Example

`SAP_TemplateToolboxBegin("YourToolboxID", title="YourToolboxHeader", width="200");

	SAP_TemplateToolboxMenuItemBegin(id="YourMenuID1", menuItemTitle="YourMenuItemTitle1");
		SAP_TemplateToolboxMenuSubitemsBegin();
			SAP_TemplateToolboxMenuSubitemBegin();

<!-- Your SubItem Content goes here -------------------------------------------------------->

			SAP_TemplateToolboxMenuSubitemEnd();

			SAP_TemplateToolboxMenuSubitemBegin()`

<!-- Your SubItem Content goes here -------------------------------------------------------->

			SAP_TemplateToolboxMenuSubitemEnd();
		SAP_TemplateToolboxMenuSubitemsEnd();
	SAP_TemplateToolboxMenuItemEnd();

	SAP_TemplateToolboxMenuItemBegin(id="YourMenuID2", menuItemTitle="YourMenuItemTitle2");
		SAP_TemplateToolboxMenuSubitemsBegin();

			SAP_TemplateToolboxMenuSubitemBegin();

<!-- Your SubItem Content goes here -------------------------------------------------------->

			SAP_TemplateToolboxMenuSubitemEnd();

		SAP_TemplateToolboxMenuSubitemsEnd();
	SAP_TemplateToolboxMenuItemEnd();

SAP_TemplateToolboxEnd()`

 

3. HEX RGB and Class-Reference

Background Colors


1. Tray Header
Hex:
RGB: 103 128 184

2. Tray Body
Hex: DEDEC8
RGB: 222 222 200

3. Tray Header Hightlight
Hex:
RGB: 143 167 209

4. Tray Body Shadow
Hex: BEBEAB
RGB: 190 190 171

5. Tool Header
Hex: DEDEC8
RGB: 222 222 200

6. Tool Header Highlight
Hex: F5F4E7
RGB: 245 244 231

7. Tool Header Shadow
Hex: BEBEAB
RGB: 190 190 171

8. Tool Body
Hex: F5F4E7
RGB: 245 244 231

9. Tool Body Shadow
Hex: E2E10
RGB: 226 225 208

10. Border
Hex: 4F556A
RGB: 79 85 106

 

Text


1. Group Box Header Text
Hex: FFFFFF
RGB: 255 255 255
Class: "header1"

2. Header Text
Hex: 555
RGB: 081 081 075
Class:

3. Toolbox Body Text
Hex:000000
RGB: 000 000 000
Class: "text"

 

Search Box


1. Search Field Entry Border
Hex: 8D8D80
RGB: 141 141 128

2. Pull-Down Background
Hex: EBEAD8
RGB: 235 234 216

3. Search Field Entry Background
Hex: FFFFFF
RGB: 255 255 255

 

Source:  SAP Business HTML Cookbook