Trace:
Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
visionx:invoice_application [2020/06/08 11:10] cduncan [Adding Articles (Master Data/Popup)] |
visionx:invoice_application [2020/06/08 11:13] cduncan [Changing the Application Style] |
||
---|---|---|---|
Line 143: | Line 143: | ||
===== Adding/Deleting Invoices ===== | ===== 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 ===== | ===== Adding/Deleting Invoice Items ===== | ||
Line 187: | Line 187: | ||
===== Changing the Application Style ===== | ===== 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}} | {{: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}} | {{: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}} | {{: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}} | {{:visionx:invoice_application:layout-valo.png?nolink|Application in valo theme}} |