Introduction We’re pleased to introduce a new ZK Addon – Anchornav. This component synchronizes the scrolling position on a page or within ZK containers (Div, Window, etc.) with hyperlinks and buttons. It allows you both to navigate to desired ZK components in a page and highlight the current navigation link based on the current scroll […]

Read More

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 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 cross browser testing, BorderLayout and TableLayout for arranging view, GoldenLayout provides us with more choices for web […]

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

Introduction In the upcoming new ZK version 8.6, we are going to introduce two new components: Video and Camera, both are based on <video> in HTML5. The Video component is used to play the video in browsers. Users can specify video sources or combine with other components like Fileupload, Dropupload and Camera. In addition, it […]

Read More

Introduction As of 2017, most browsers start to support CSS Grid Layout simultaneously. It is the very first two-dimensional grid-based CSS module created specifically to solve the layout problems. With CSS Grid Layout, users can easily build more dynamic, asymmetrical layouts, and control both columns and rows at the same time. Below we will show […]

Read More