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

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

In the upcoming ZK 8.6.0, we have added many new components. Let’s take a look at some of them! Rating We can use <rating> component to allow user rate or display rated score. <rating rating=”9″ max=”10″ /> The orientation can be assigned to vertical or horizontal (horizontal by default). The default rating symbol is a […]

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

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

When it comes to ZK, “Ajax without Javascript” had been one of its well-known features, that Java developers can build a rich internet application without any knowledge of Ajax and JavaScript. However, in recent years, the trend is changing. You may have already started using some JavaScript libraries/frameworks like Angular, React or Vue.js to create […]

Read More

Introduction The Fragment component is one of the highlights in the upcoming ZK 8.5. It has an experimental offline recovery feature that let developers keep the user input data offline and handle the data online. It will be helpful if you are building a Progressive Web App (PWA) with ZK. Progressive Web App (PWA) Progressive Web App […]

Read More