Create an Application

As a first step, create an "Empty Application" in Intrexx. The "Blank Application" is part of the application templates provided by Intrexx.

Step-by-Step

1. Launch the "Applications" module.

2. Select "File > New Application..." (Ctrl+N).

   The "Applications" ("Application Manager") dialog box appears.

3. Click Create next to "Empty Application."

   

   This will take you to the so-called Application Designer. This is the graphical user interface that you use to create the web application.

   

   You have now laid the technical foundation for the new application.

   When creating the application, Intrexx automatically generated a (web) page named "Overview." This will be used later to display the data.

4. Give the application an appropriate name: "Manage Hardware"

5. Select the name of the application and press F2.

   You can now edit the name.

   

6. Change the name to "Manage Hardware."

   

In the second step of the application, add a data group.

Data groups are used to store data. They correspond to a table in a database or—if you will—a data sheet in an Excel spreadsheet.

The data group itself is not displayed in the application. Later—in Step 9 - Add a view table " "—you will create a view table. It is responsible for displaying the data.

Step-by-Step

1. Select "Manage Hardware" and right-click.

2. Select "New > Data Group."

   

   The "Properties - Data Group" dialog box appears.

3. Enter "Hardware" in the title field. (However, you can also use any other title for the data group.)

   

4. Click "OK."

   The data set is displayed in the application.

   

Next, you'll need an input page where you can place the input fields and buttons.

Step-by-Step

1. Select the "Hardware" data group and right-click.

2. Select "New > Input Page."

   

   The "Input Page Properties dialogg box appears.

3. In the title field, enter "Enter Hardware." This title will be displayed later in the application.

   

4. Click "OK."

   The input page appears.

   

Newly created pages are not immediately displayed in the portal or in the browser. They must first be added to the application menu.

Step-by-Step

1. Select the "Manage Hardware" application and right-click it.

2. Select "Properties."

   

   The "Application Properties" dialog box appears.

3. Go to the "Application Menu" tab.

4. In the "Available Pages" section, select the "Record Hardware" entry.

5. Move the "Record Hardware" entry to the "Selected Pages" section.

   To do this, click the " " icon.

   

6. Click "OK."

   You will return to the Application Designer.

Next, we'd like to view the application for the first time in the portal or in the browser. (This way, we can check our progress.)

To do this, the newly created application must be published.

When you publish an application for the first time, you will be prompted to specify where the application should be integrated into the portal menu.

In our case, the newly created "Manage Hardware" application (1) should be accessible under the main menu item "SELFSERVICE" (2).

Currently, there is no "SELFSERVICE" menu item on the portal. To add the "SELFSERVICE" menu item, we rename the default "SYSTEM" menu item to "SELFSERVICE."

Step-by-Step

1. In the main menu, click the " " icon.

   

   The "Edit Menu" dialog box appears.

   The "Edit Menu" dialog box appears automatically only the first time you publish the application. However, you can manually change the settings made here at any time by going to "Portal > Edit Menu Structure."

   

2. In the left pane, open the "Home" menu folder.

   The newly created "Manage Hardware" application is currently located there.

3. Use drag-and-drop to move the "Manage Hardware" application to the "System" menu folder.

   

4. After moving it, the dialog box looks like this:

   

5. Click the "System" menu folder.

6. In the right-hand pane, change the title of the menu folder from "System" to "Self-Service."

   

7. Click "OK."

8. Click the " " icon (Open the linked portal in your browser).

   

   The portal is displayed.

9. Click SELF-SERVICE > Manage Hardware.

   

   The (still blank) "Overview" and "Manage Hardware" pages are displayed.

   

Step-by-Step

1. Select the "Enter Hardware" page.

2. Select the "Input Field" base control and drag and drop it onto the input page.

   

   The "Properties - Input Field (New)" dialog box (1) appears.

   

3. Click "Next."

   The "Properties - Input Field (New)" dialog box (2) appears.

   

4. In the "Title" field, enter "Name."

5. Click "Next."

6. The "Properties - Input Field (New)" dialog box (3) appears.

   

7. Click "Finish."

   The input field is displayed with the field title on the input page.

8. Now you can use drag-and-drop to move the input field and the field title field to the desired location.

   

9. Add the "Position" input field in the same way.

Step-by-Step

1. Select the "Button" basic control and drag and drop it onto the input page.

   The "Properties - Button (New)" dialog box (1) appears.

2. In the left pane of the dialog box, select the "Text" menu item.

3. In the right-hand pane of the dialog box, enter "Save" in the "Title" field.

   

4. Go to the "Actions" tab.

5. In the "Action Type" drop-down menu, select "Save."

6. At the bottom of the dialog box, select the "Create New Record" option.

   

7. Click "OK."

   The Save button appears on the input page.

   You can drag and drop the Save button to the desired location.

When adding a selection list, there are three distinct steps:

1. Adding the "Selection List" Element

2. Adding the selectable list items

3. Creating a data field in the data group. The user's selection is stored in this data field.

   Data fields can be created using the context menu of the data group. However, they can also be created while adding an element.

   In the following step-by-step guide, the second option is selected.

Step-by-Step

Adding the Element

1. Under "Basic Controls - Lists," select the "Drop-down List" item and drag and drop it onto the input page.

   The "Properties - Drop-down List (New)" dialog box (1) appears.

2. In the "Title" field, enter "Hardware."

3. Select the "Show title in control" checkbox.

   

4. Click "Next."

   The "Properties - Drop-down List (New)" dialog box (2) appears.

   Add List Entries

5. Click the " " icon (Add a new custom value).

   

   The "Properties - List Entry" dialog box appears.

6. In the "Displayed Value" input field, enter the text "PC."

   The text in the "Saved Value" field is filled in automatically.

   

7. Click "OK."

8. Perform the same step for the list entries "Laptop" and "Tablet."

   The dialog box then appears as follows:

   

9. Check the "Preselect" checkbox in the "PC" row.

   Most employees have a computer. Therefore, it makes sense to display this value as a default selection. Most employees then just need to confirm this value by clicking "Save."

10. Click "Next."

    The "Properties - Drop-down List (New)" dialog box (3) appears.

    Add Data Field

11. Click the " " icon (Create New Data Field).

    

    The "New Data Field" dialog box appears.

12. In the Title field, enter "Hardware Selection."

    

13. Click "OK."

    You will return to the "Properties - Selection List (New)" dialog box.

    The newly created data field is displayed.

    

14. Click "Next."

    You will be taken to the next dialog box.

15. Click "Finish."

    The drop-down list is displayed on the input page.

    You can drag and drop the drop-down list to the desired location.

    

To display the data that has been entered and saved, we'll add a view table to the "Overview" page. There are two distinct steps involved:

1. Adding the "View Table" element

2. Specifying which data fields from the data group should be displayed in the view table

Step-by-Step

Adding the Element

1. Open the "Overview" page.

2. In the lower-left section, under "Overviews," select the "View Table" item and drag and drop it onto the page.

   The "Properties - View Table (New)" dialog box (1) appears.

   Select Data Fields

3. Click the " " icon.

4. Select "Data Field."

   

   The "Select Column" dialog box will appear.

5. Select (while holding down the Control key) "Hardware Selection," "Name," and "Position."

   

6. Click "OK."

   You will return to the "Properties - View Table (New)" dialog box.

   The selected data fields are displayed.

   

7. Click "OK."

   The view table is displayed on the "Overview" page.

   You can drag and drop the view table to the desired location and resize it as well.

   

With this step, you have completed the application.

The application can now be published and used.

Step-by-Step

1. In the main menu, click the " " icon.

   

2. Click the icon (Open the connected portal in your browser).

   

3. Click SELF-SERVICE > Manage Hardware.

4. Go to the "Record Hardware" page.

   

   The application is now ready for production use.

   The "Overview" page displays the (up-to-date) data records.