Documentation

Trace:

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
Next revision Both sides next revision
visionx:invoice_application [2020/06/08 11:07]
cduncan [Adding the Functionality]
visionx:invoice_application [2020/06/08 11:10]
cduncan [Adding Articles (Master Data/Popup)]
Line 147: Line 147:
 ===== Adding/​Deleting Invoice Items ===== ===== 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 upwe 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}} {{:​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 itemso there is nothing to do here.
  
 ===== Adding Articles (Master Data/Popup) ===== ===== 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 thiswe are going to create a popup screen. Press the "New Screen" ​button ​to create a new workscreen. In the second part of the wizardwe choose ​"​Application screen as Form" now. As the data sourcewe choose "Use existing data from database tables"​select "Use Application Database User" in the next stepand select our article table in the penultimate ​step. In the layout optionswe choose a "​Form"​ column count of one and press "​Finish"​ to create the screen. If everything was done correctlywe are greeted with this screen:
  
 {{:​visionx:​invoice_application:​add-item-screen.png?​nolink|The generated 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 screenwe 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}} {{:​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 popupselect 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}} {{:​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 functionalitywe 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}} {{:​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}} {{:​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 screenwe 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}} {{:​visionx:​invoice_application:​add-article-action.png?​nolink|The add article action}}
This website uses cookies for visitor traffic analysis. By using the website, you agree with storing the cookies on your computer.More information