Since ZK 9, we at ZK started to use TypeScript to create our new components. TypeScript is strong-typed and provides a better autocomplete feature in IDE. It reduces the possibility of running into common JavaScript mistakes. In this blog post, we’ll share with you how you can write your own ZK component in TypeScript. Create […]

Read More

Introduction In ZK Framework, there are Selectbox, Combobox, Listbox and Chosenbox allowing users to make single or multiple selections. But only Listbox and Chosenbox accept multiple selection. Now we introduce a new component named Searchbox that supports both single and multiple selection. Demo ZUL <zk> <zscript> ListModel model = new ListModelArray(new String[] { “North America”, […]

Read More

Introduction PDF (Portable Document Format) is a common format used in various documents and is supported by a variety of devices. To view PDF files, you normally need a viewer software such as Adobe Reader. Thanks to HTML5, it is now possible to view them directly in the browser without having to install anything. This […]

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 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

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

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