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’d like to introduce you a new mold for Checkbox component: TriState. TriState mold is used to select either “checked”, “unchecked” or “indeterminate” as the value. With this feature, you can offer more diverse options for your users. Demo You can switch between the three states by clicking the checkbox or pressing the space key. […]

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