One of the core reasons why users love to work with ZK is the ability to interact with the Web frontend with Java alone. No messy HMTL, CSS, nor JavaScript; just good-old Java. However, there are still occasions where you want to get your hands dirty with JavaScript, e.g., creating custom components. As a dynamically-typed […]

Read More

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 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 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 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 In our previous blog post, we demonstrated how to use ZK 7’s new theme system with Bootstrap & CSS3. In this blog, we will guide you with more details on how to make ZK components and Bootstrap 3 (& Bootstrap 2) work seamlessly. Our target in this tutorial is to try and implement the […]

Read More

Introduction Orgchart is a tree browser (or the so called SpaceTree) that offers a convenient way to display data, inspired by JavaScript InfoVis Toolkit. The Orgchart consists of nodes and paths while path represents the links connecting the nodes. You can expand or collapse individual nodes in the tree to show or hide its children. You can […]

Read More

Introduction Here we introduce a new chartting add-on, a component that integrates Javascript chartting library, jqPlot, which works well on most browser (including IE6) and overcomes some shortages of the current charting solution in ZK.   Why ZK jqPlot? Current solutions of chart plotting in ZK includes the use of JFreeChart Engine and Flash Chart, […]

Read More