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

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