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 Both sides next revision
visionx:invoice_application [2020/06/08 11:08]
cduncan [Adding/Deleting Invoice Items]
visionx:invoice_application [2020/06/08 11:10]
cduncan [Adding Articles (Master Data/Popup)]
Line 157: Line 157:
 ===== 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