KEMBAR78
WebGUI Add New Field | PDF | Html | Graphical User Interfaces
Scribd
Upload
96 views13 pages

WebGUI Add New Field

The document demonstrates how to add a custom field to a web GUI for an HTML-based app. The steps shown are: (1) opening the app and choosing to add a new field, (2) entering a label and data type for the new field, (3) configuring the field for create and edit access, (4) enabling the new data source, (5) saving and publishing the changes, and (6) viewing the new custom field in app screens and reports. This provides an example of extending an HTML app through addition of a custom field.

Uploaded by

Raghubir Singh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
96 views13 pages

WebGUI Add New Field

The document demonstrates how to add a custom field to a web GUI for an HTML-based app. The steps shown are: (1) opening the app and choosing to add a new field, (2) entering a label and data type for the new field, (3) configuring the field for create and edit access, (4) enabling the new data source, (5) saving and publishing the changes, and (6) viewing the new custom field in app screens and reports. This provides an example of extending an HTML app through addition of a custom field.

Uploaded by

Raghubir Singh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 13

Adding a custom field to Web GUI for HTML

1
ADDING A CUSTOM FIELD TO WEB GUI FOR HTML

Would you like to know how an extensibility operation such as the addition
of a custom field, to HTML based apps, requires a different approach?

If so, follow this interactive demo.

(1) To open the app, select the tile Custom Fields and Logic.

2
ADDING A CUSTOM FIELD TO WEB GUI FOR HTML

(2) Choose the Plus Icon to add a new field.

You need to choose the business context.

The business context is chosen here as Sales Document for you.

3
ADDING A CUSTOM FIELD TO WEB GUI FOR HTML

(3) In the Label field enter SALES_GUI_Demo and press Enter.

(4) Open Type list.

4
ADDING A CUSTOM FIELD TO WEB GUI FOR HTML

(5) Choose Text.

(6) Choose Create and Edit.

5
ADDING A CUSTOM FIELD TO WEB GUI FOR HTML

(7) Choose the tab UIs and Reports.

(8) Choose scroll area to scroll down.

6
ADDING A CUSTOM FIELD TO WEB GUI FOR HTML

(9) Choose Enable Now for the newly create data source SD_SALESDOC_GUI

(10) Choose Save.

7
ADDING A CUSTOM FIELD TO WEB GUI FOR HTML

(11) Choose Publish.

(12) Choose Home.

8
ADDING A CUSTOM FIELD TO WEB GUI FOR HTML

(13) Select List Sales Orders tile to open the app.

(14) For material field, enter TG11 as search parameter and press Enter.

9
ADDING A CUSTOM FIELD TO WEB GUI FOR HTML

(15) Choose Execute.

(16) Open one of the sales order, for example double click the second row in the list here.

10
ADDING A CUSTOM FIELD TO WEB GUI FOR HTML

(17) Choose the Display Header Details button.

(18) Choose the Next icon.

11
ADDING A CUSTOM FIELD TO WEB GUI FOR HTML

(19) Choose Custom Fields tab.

Here you can gain access to newly added custom field.

This concludes the interactive demo.

12
ADDING A CUSTOM FIELD TO WEB GUI FOR HTML

13

You might also like