Differences

This shows you the differences between two versions of the page.

--- visionx:invoice_application [2020/06/08 11:07]
cduncan [Adding the Functionality]
+++ visionx:invoice_application [2020/06/08 11:13]
cduncan [Changing the Application Style]
@@ Line 143: / Line 143: @@
 ===== Adding/Deleting Invoices =====
-The "Insert" and the "Delete" button from our "Web Elements" already have all the required actions to add and delete a new invoice so we dont have to change anything here.
+The "Insert" and the "Delete" button from our "Web Elements" already have all the required actions to add and delete a new invoice, so we don't need to change anything here.
 ===== Adding/Deleting Invoice Items =====
-Next up we are going to edit the actions for the "Add new item" and "Delete" buttons for the invoice item table in the "Component Table".
+Next up, we are going to edit the actions for the "Add new item" and "Delete" buttons for the invoice item table in the "Component Table".
-Action for the Add new item-Button:
+Action for the "Add New Item" button:
 {{:visionx:invoice_application:add-invoice-item-action.png?nolink|The add new item action}}
-The "Delete" button we added once again already has all the required actions to delete an invoice item so nothing to do here.
+The "Delete" button we added already has all the required actions to delete an invoice item, so there is nothing to do here.
 ===== Adding Articles (Master Data/Popup) =====
-The last button on our list is the "Add Article" button. This button will be used to add articles to our database which can be chosen as the items for our invoice. For this we are going to create a popup screen. Press the "New Screen" Button to create a new workscreen. In the second part of the wizard we chose "Application screen as Form" now though. As the data source we choose "Use existing data from database tables" select "Use Application Database User" in the next step and select our article table in the second to last step. In the layout options we choose a "Form" column count of one and press "Finish" to create the screen. If everything was done correctly we are greeted with this screen:
+The last button on our list is the "Add Article" button. This button will be used to add articles to our database that can be chosen as the items for our invoice. For this, we are going to create a popup screen. Press the "New Screen" button to create a new workscreen. In the second part of the wizard, we choose "Application screen as Form" now. As the data source, we choose "Use existing data from database tables", select "Use Application Database User" in the next step, and select our article table in the penultimate step. In the layout options, we choose a "Form" column count of one and press "Finish" to create the screen. If everything was done correctly, we are greeted with this screen:
 {{:visionx:invoice_application:add-item-screen.png?nolink|The generated screen}}
-In this screen we add a "Save" and a "Cancel" button and change up the layout and size a bit.
+In this screen, we add a "Save" and a "Cancel" button and change up the layout and size a bit.
 {{:visionx:invoice_application:article-screen.png?nolink|The layouted screen}}
-To make our screen open as a popup select the screen and press its edit button (1). Tick "Show as Popup" (2) and we are done.
+To make our screen open as a popup, select the screen and press its edit button (1). Tick "Show as Popup" (2), and we are done.
 {{:visionx:invoice_application:set-modal.png?nolink|Mark as popup}}
-To give this screen its desired functionality we have to add actions to our buttons.
+To give this screen its desired functionality, we have to add actions to our buttons.
-Action for the Save-Button:
+Action for the "Save" button:
 {{:visionx:invoice_application:save-action.png?nolink|The save action}}
-Action for the Cancel-Button:
+Action for the "Cancel" button:
 {{:visionx:invoice_application:cancel-action.png?nolink|The cancel action}}
-To incorporate this popup to our invoice screen we are going to edit the action of our "+" button next to the item column.
+To incorporate this popup to our invoice screen, we are going to edit the action of our "+" button next to the item column.
 {{:visionx:invoice_application:add-article-action.png?nolink|The add article action}}
@@ Line 187: / Line 187: @@
 ===== Changing the Application Style =====
-Without any additional styling done this is what the application looks right now in the web preview.
+Without any additional styling done, this is what the application looks right now in the web preview.
 {{:visionx:invoice_application:web-preview-1.png?nolink|The current application}}
-Not the prettiest application yet but with a few tweaks we can change that pretty fast. As the first step lets change the display mode and theme for our web application. For this we select the Dropdown next to "Settings" in the right VisionX Toolbar and press "Web" (1).
+Not the prettiest application yet but, with a few tweaks, we can change that pretty fast. As the first step, let's change the display mode and theme for our web application. For this, we select the dropdown next to "Settings" in the right VisionX toolbar and press "Web" (1).
 {{:visionx:invoice_application:open-web-settings.png?nolink|Opening the Web Settings}}
-In the following wizard change the "Display mode" to "Corporation" (1) and the "Theme" to "Valo" (2).
+In the following wizard, change the "Display mode" to "Corporation" (1) and the "Theme" to "Valo" (2).
 {{:visionx:invoice_application:set-web-design.png?nolink|Change Web Design}}
-This is how our Screen looks with the Valo-Theme now:
+This is how our screen looks with the Valo theme now:
 {{:visionx:invoice_application:layout-valo.png?nolink|Application in valo theme}}