Introduction Instead of using iframe, since ZK 9, there is a new way to embed ZK applications into an external application such as a NodeJS or Python-based web page. In other words, with this feature we can easily combine ZK with other front-end frameworks. By using ZK client binding in Javascript, we can also control […]

Introduction In ZK 9, we are glad to introduce a new component – Coachmark. Coachmark is used to attract users’ attention to the target component and display further information in a dialog. Demo A coachmark is suitable for guiding users to navigate a specific component in the page; it should be as relevant as possible to […]

Introduction Kanban board is a popular agile project management tool for visualizing work process.  Since ZK 9, we added PortalChildren frame design to Portallayout component, making it extremely easy to create a Kanban-like layout for your application. Demo To turn on the PortalChildren frame design, just specify the title attribute to PortalChildren. Each PortalChildren with title can […]

Introduction There are many use cases that involve a multi-step workflow, such as online shopping that consists of steps like selecting goods, filling out delivery information and completing the payment. In ZK 9, we are glad to introduce a new component – Stepbar that facilitates this kind of user navigation. Demo As we can see […]

Introduction We would like to introduce a new feature – Loadingbar. It is a modern, lightweight loading animation for indicating the loading progress. Demo Here is a loading bar demo from start –> update –> finish. Example // create a LoadingbarControl for control the loadingbar LoadingbarControl loadingbarCtrl = Loadingbar.createLoadingbar(“myId”); loadingbarCtrl.start(); loadingbarCtrl.update(20); // update the value to 20 […]

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”, […]

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 […]

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. […]

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 […]

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 […]