Introduction In the upcoming ZK 9, we will introduce a new component: Inputgroup. It is inspired by Bootstrap’s Input group and Button group. By prepending or appending some components to the input component, you can merge them like a new form-input component. Example Basic example The following code shows the basic usage of this component. […]

Read More

Introduction We’d like to introduce an experimental feature – Toast. It is a simple feedback about an operation. Though ZK has a similar Notification since ZK 6.0.1, there are some differences between them. In contrast with Notification, Toast can: Be positioned relative to the viewport even if the page is scrolled. Be stackable. Indicating that […]

Read More

Introduction We’re pleased to introduce a new ZK Addon – Drawer. A Drawer is a component that acts as a panel but sticks to the boundary of a web page. With this, you can make the page cleaner and put detail into the Drawer for better user experience. Demo The demo below demonstrates the basic […]

Read More

Introduction You might already hear of Reactive Programming – which is based on the Observer pattern. An Observable object can have more than one Observer. Once an observable object changes, all of its observers will be notified. A simple example is re-evaluating formulas (e.g. =B1+C1) and updating cells dynamically once the data was changed in […]

Read More

In the upcoming ZK 8.6, we have added a new model – NavigationModel. This model is specialized for navigation. The basic idea comes from our previous small talks: ZK8 Wizard Example and Template Examples – Stepbar Navigation. Because these examples were well received, we decided to add this NavigationModel to the package and refined it […]

Read More

Introduction In ZK 8.6 we will bring in three new molds for input widgets: Toggle and switch for the checkbox component, and knob for the slider component. With these new molds, we could present our web pages with more implication rather than the normal checked/unchecked or the normal number scoring. The three molds are exclusively designed […]

Read More

​​We noticed an interesting library GoldenLayout and find it useful, so here it is, a flexible and powerful layout component is now presented in ZK 8.6 – the GoldenLayout component. Though ZK already have many useful layout components such as BorderLayout and TableLayout for arranging view, GoldenLayout provides us with more choices for web view layout. ​​GoldenLayout […]

Read More

Web testing is an important part when developing a web application. It helps us to uncover the functionality and usability issues in our application. In a ZK application, we can already leverage ZATS for functional testing and Selenium WebDriver tests for the real browser testing. While ZATS is still the recommended tool to test your […]

Read More

Introduction In the upcoming ZK 8.6, we will introduce a new layout component: Organigram, and three related components: Orgchildren, Orgitem, Orgnode. Organigram is a root component designed to display organizational chart by using tree data structure. To display a complete chart, we have to also use Orgchildren, Orgitem and Orgnode. These three components are part […]

Read More

Introduction In the upcoming new version, ZK 8.6, we’d like to introduce you two new barcode components: Barcode and Barcodescanner. Barcode is a component that can easily render the barcode for web app developers. Barcodescanner is a scanner for decoding the barcode message which your camera scanned. ZK Barcode ZK provides a friendly and easy-to-use […]

Read More