---
title: "360 - Screen Forms - Design"
canonical: "https://wiki.soft1.eu/space/EME/581894232/360%20-%20Screen%20Forms%20-%20Design"
format: markdown
---
Use the **Screen Forms****/ Working Screens** provided in the default 360 menu (SOne) and/or design your own based on each user role. These Screen Forms refer to the ones you have designed in SOFT1 ERP and the design process is based on [Requirements & Design Principles](https://wiki.soft1.eu/space/EME/582123572/360+-+Requirements+&+Design+Principles).

---

---

---

#### <span style="color: #4c9aff">Web Components </span>

Use Web Components in SOFT1 360 to display jobs in Screen Forms using HTML. For example, you can add the **CheckIn**, **Sales order/ Customer Collections Document, CheckOut,** etc.

> ℹ️ If you directly type the HTML code or load an HTML file via URL in SOFT1 360, include the following script for proper functionality: <script type="text/javascript" src=" [https://s1sites01.blob.core.windows.net/lib/webcomponents/xcon.js](https://s1sites01.blob.core.windows.net/lib/webcomponents/xcon.js)">> 
> ℹ️ 
> ℹ️ ℹ️ Click here to download an HTML example: [<u>HTMLCODE_EXAMPLE (GR).docx</u>](https://wiki.soft1.eu/download/attachments/6128606/HTMLCODE_EXAMPLE%20%28GR%29.docx?version=1&modificationDate=1605020201557&api=v2)
> ℹ️ 
> ℹ️ Methods available:
> ℹ️ 
> ℹ️ - XCon.setOnDataChange: needed every time the entry is updated (post, insert, locate).
> ℹ️ - XCon.getData: Retrieves data from the form.
> ℹ️ - XCon.setData: Updates the form with new data.
> ℹ️ - XCon.openurl: Redirects to another job, such as related jobs.
> ℹ️ - XCon.WSCall(scope, uri_path, raw_json_data, CallBackFunc): Runs a service based on the set parameters.

---