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

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

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

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

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

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

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

Anchorlayout is a component where the size of its children components can be made dependent on the size of the parent components. When the parent component’s size is changed, its child components will also re-size itself accordingly. Version:1.0.0 ZK Version: applicable to 5.0.0 later Usage: The anchor property of anchorchildren can be used to assign the […]

A light-weighted tab component – Is it really necessary to have 3-divs for round-cornered tabs ? Under certain conditions i.e. if you control the maximum width to under 400px and if your application does not require more complicated tabs like vertical tab or according tab, it is possible to implement lighter tabs in order to […]