Template Examples - Toggle Switch
From Documentation
Revision as of 06:46, 18 May 2017 by Robertwenzel (talk | contribs) (Created page with "{{Template:Smalltalk_Author| |author=Robert Wenzel, Engineer, Potix Corporation |date=May 2017 |version=ZK 8.0 }} = Introduction = The web is full of html5/css based layout exa...")
Author
Robert Wenzel, Engineer, Potix Corporation
Robert Wenzel, Engineer, Potix Corporation
Date
May 2017
May 2017
Version
ZK 8.0
ZK 8.0
Introduction
The web is full of html5/css based layout examples ... e.g. this: http://callmenick.com/post/css-toggle-switch-examples
Using the original markup
Streamlining with <template>
Customize ZK's <checkbox> component
Summary
Example Sources
The code examples are available on github in the zk-template-examples repository
- zul files: https://github.com/zkoss-demo/zk-template-examples/tree/master/src/main/webapp/css-toggle-switch
- java classes: https://github.com/zkoss-demo/zk-template-examples/tree/master/src/main/java/zk/example/template/stepbar
Running the Example
Clone the repo
git clone git@github.com:zkoss-demo/zk-template-examples.git
The example war file can be built using the gradle-wrapper (on windows simply omit the prefix './'):
./gradlew war
Execute using jetty:
./gradlew appRun
Then access the example http://localhost:8080/zk-template-examples/css-toggle-switch/
Comments
| Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License. |