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:modern_web_application [2020/06/08 10:52]
cduncan [The finished application]
visionx:modern_web_application [2020/06/08 11:26]
cduncan [Changing the Layout]
Line 38: Line 38:
 {{:​visionx:​modern_web_application:​create-table-step3.png?​nolink|Select the database table}} {{:​visionx:​modern_web_application:​create-table-step3.png?​nolink|Select the database table}}
  
-Having created the table, we can now start with the layout of our screen. In this step, we add the table (1) to our panel. Furthermore,​ we are adding ​a search bar (2) and an insert button from the "Web Elements"​ (3) to create a new customer.+Having created the table, we can now start with the layout of our screen. In this step, we add the table (1) to our panel. Furthermore,​ we add a search bar (2) and an insert button from the "Web Elements"​ (3) to create a new customer.
  
 {{:​visionx:​modern_web_application:​create-table-layout.png?​nolink|Layouting our table}} {{:​visionx:​modern_web_application:​create-table-layout.png?​nolink|Layouting our table}}
Line 46: Line 46:
 {{:​visionx:​modern_web_application:​create-table-layout-designer.png?​nolink|The finished layout}} {{:​visionx:​modern_web_application:​create-table-layout-designer.png?​nolink|The finished layout}}
  
-With this being done, we can now look what our application looks like via the VisionX Live Preview:+With this being done, we can now see what our application looks like via the VisionX Live Preview:
  
 {{:​visionx:​modern_web_application:​create-table-layout-done.png?​nolink|The finished layout}} {{:​visionx:​modern_web_application:​create-table-layout-done.png?​nolink|The finished layout}}
Line 56: Line 56:
 {{:​visionx:​modern_web_application:​create-form-layout.png?​nolink|Starting on our form layout}} {{:​visionx:​modern_web_application:​create-form-layout.png?​nolink|Starting on our form layout}}
  
-Once again, this is how it should look in the designer ​now:+Once again, this is how it should look in the designer:
  
 {{:​visionx:​modern_web_application:​create-form-layout-designer.png?​nolink|The finished layout}} {{:​visionx:​modern_web_application:​create-form-layout-designer.png?​nolink|The finished layout}}
  
-After having set everything in place, this is how our form is looking ​in the Live Preview:+After having set everything in place, this is how our form looks in the Live Preview:
  
 {{:​visionx:​modern_web_application:​create-form-layout-done.png?​nolink|Starting on our form layout}} {{:​visionx:​modern_web_application:​create-form-layout-done.png?​nolink|Starting on our form layout}}
This website uses cookies for visitor traffic analysis. By using the website, you agree with storing the cookies on your computer.More information