Introduction Most ZK use cases require a server-side event listener. This said, sometime a client-side listener can be more relevant. In this article, we are going to explain the difference between a server-side and a client-side event listener. We will also see when a client-side listener is a good choice for a workflow. Server-side listener […]

Read More...

A while ago we conducted a ZK 9 Release & Upgrade Assistance survey. We received various feedback and encouragements from you, thank you! We are glad that a lot of you are excited about the new release and recognize our effort in providing new components and features in new versions for improved usability and performance. […]

Read More...

Introduction We are pleased to introduce a new ZK component – Linelayout. Linelayout is useful for displaying chronological information (i.e. timeline) in a flexible and easy way.   Demo Simple usage Here is a simple usage of Linelayout component:     <zk> <zscript> ListModel model = new ListModelList(new String[] { “2019-Q1”, “2019-Q2”, “2019-Q3”, “2019-Q4” }); </zscript> […]

Read More...

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

Read More...

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

Read More...

Introduction In some of the use cases it is convenient for users to select a value or a range by dragging a handle, and the  Slider component has been provided for this purpose. Now, instead of having to use multiple sliders to choose multiple values, we are glad to introduce two new components in ZK 9 […]

Read More...

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

Read More...

Introduction Being able to let users to “select” is always a key feature in modern web applications. ZK framework has been providing various ways such as Selectbox, Combobox, Listbox to fulfill different selection needs. For complex selections, Tree Selections is available. In ZK 9, we are glad to introduce a new component – Cascader. Cascader looks like a […]

Read More...

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

Read More...

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

Read More...