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

Introduction Twitter Bootstrap (TB) provides a simple grid system that could help web developers to layout their sites for desktop viewing and to adjust the layout automatically for smaller screens. Twitter’s grid system offers a 12-column grid out of the box. The developer simply chooses the number of columns to occupy for each major content […]

Read More

Introduction There already a lot of components in the ZK framework. In this blog post, I will introduce a new one that I have created: Accordion, a horizontal accordion component that is based on liteAccordion, a jQuery plug-in. Accordion includes the following features: Supports any ZK components as children Supports all the native themes (basic, dark, […]

Read More

Introduction In upcoming ZK 6.5, we will introduce a new component ‘Dropupload’ which leverages HTML 5 technology, allowing users to upload by dragging files into the component whilst retaining original operating habits. In addition, compared to ZK’s traditional file uploading method, ‘Dropupload’ can get rid of the overhead of pooling server (in order to check […]

Read More

In some cases, for convenience, user wishes to freeze both columns and rows. To freeze specific columns, you can simply use ZK Frozen component to specify the number of columns you wish to freeze, however, Frozen component does not support row freeze. In this blog, I will show you how you can freeze not only […]

Read More

What is Gmapsz3? Gmapsz3 component is a ZK component which wraps Google Maps’ API v3 into it so as to make it compatible within ZK in order to embed Google Maps in your own zul web pages. It has the same compatibility with ZK like that of Gmapsz-2.x, therefore, to upgrade to this version, please […]

Read More

ZK already comes with numerous layout components that provides users with a lot of options to create flexible, complex yet simple to use layouts. Q:Need highly flexible layout that allows different parts of your application UI hide/unhide? A: Use borderlayout. Q:Need structured layouts such as n-column layout or tabular layout? A: Use Columnlayout or tablelayout. […]

Read More

Soundmanager component is a new ZK component which wraps Schillmania’s SoundManger 2 library into it so as to make it compatible within ZK in order to play audio files using JavaScript. This component supports HTML 5 and Flash, therefore it supports browsers that supports html 5 audio and iOS operating systems for iPhone and iPad. […]

Read More