ZK8 Wizard Example - Part 4 final"
From Documentation
Robertwenzel (talk | contribs) |
Robertwenzel (talk | contribs) |
||
| Line 11: | Line 11: | ||
*[[Small_Talks/2016/February/ZK8_Wizard_Example_-_Part_3|Part 3 - Form Handling and Input Validation]] | *[[Small_Talks/2016/February/ZK8_Wizard_Example_-_Part_3|Part 3 - Form Handling and Input Validation]] | ||
*[[Small_Talks/2016/March/ZK8_Wizard_Example_-_Part_4|Part 4 - Styling the wizard (with Bootstrap)]] (You are here) | *[[Small_Talks/2016/March/ZK8_Wizard_Example_-_Part_4|Part 4 - Styling the wizard (with Bootstrap)]] (You are here) | ||
| − | |||
| − | |||
To wrap up the Wizard Example Series here the final Part showing how things finally fit together when applying a 3rd party framework layout - namely Bootstrap - to the previous implementation. | To wrap up the Wizard Example Series here the final Part showing how things finally fit together when applying a 3rd party framework layout - namely Bootstrap - to the previous implementation. | ||
Revision as of 10:52, 8 March 2016
Author
Robert Wenzel, Engineer, Potix Corporation
Robert Wenzel, Engineer, Potix Corporation
Date
March 2016
March 2016
Version
ZK 8.0
ZK 8.0
Introduction
- Part 1 - Defining the Wizard
- Part 2 - Order Wizard (a more complex example)
- Part 3 - Form Handling and Input Validation
- Part 4 - Styling the wizard (with Bootstrap) (You are here)
To wrap up the Wizard Example Series here the final Part showing how things finally fit together when applying a 3rd party framework layout - namely Bootstrap - to the previous implementation.
The implementation decisions/techniques used in the previous chapters now become handy. The strict separation between view and viewModel code enables the style overhaul without touching any of the ViewModel Java code.
Adding the Bootstrap resources
Summary
That's it for now, any ideas what to show next? Waiting for your comments.
Download
- The source code for this article can be found in github (branch: part-4).
Running the Example
Checkout part-4
git checkout part-4
The example war file can be built with maven:
mvn clean package
Execute using jetty:
mvn jetty:run
Then access the overview page http://localhost:8080/wizardexample/order.zul
Comments
| Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License. |