Saturday, June 29, 2013

Expand first groupbox and collapse remaining group by default using zk

Today blog entry is dedicated to this question in stackoverflow
Now see how can we achieve this the ZUL code for this..

And Java Code or we can say Zk View Modal Window


Its a basic sample code developer can change it according to their requirements and Zk fiddle here is the running sample code

Friday, June 28, 2013

How to change Expand and Collapse images of ZK Grid hierarchy Component

Today i got a new POC(Proof of concept) task how can we change the default expand and collapse images of ZK Grid hierarchy Component as i am not much knowledge of CSS i am not sure how we can do this. Its clear to me we have to make change in CSS to achieve this but in which css class i have to made the changes i am not sure then i have to ask this question Ben bai a zk developer ,very well and deep knowledge about ZK,CSS,Jquery etc. He told me to write this below CSS to achieve this



Here is the ZUL file for this ..


Note:- As i am not sure how we can get which CSS apply in which component @Ben suggest me a better way to do this in Google Chrome Browser ,What we can do is right-click on the expand/collapse icon in Chrome then click 'Inspect element' to view the dom elements and its css style in Chrome console

Thursday, June 27, 2013

Integration of Rapid Spell Checker with ZK Framework

Today i am going to share how we can integrate Rapid Spell Checker with ZK Framework. As we all know ZK does not provide any default spell checker so we have to use some third party toll to fulfill this requirement.
As i read Rapid Spell Checker website they already mentioned its very easy to integrate this spell checker with JSP,JSF,Struts etc. so i thought why should not we can try to integrate it with ZK Framework ,it should work because if its working with JSF which is something similar with ZK Framework.
When i started their way to implement this in my ZK Web application i found some issue with IE browser but thanks to keyoti.com team member they helped me to resolve the issue.

What all you need to work with this tool please follow below...

1-Download Rapid Spell Checker evaluation version from here

2-Now extract the downloaded file and copy RapidSpellWeb.jar into your web project lib directory

3-Now download the dictionaries from here these dictionaries is nothing but a jar file copy all dictionaries jar file into your project lib directory.

4- Use below code to test this .



5-Also you have to create(under WebContent directory ) a folder userdictionaries and a file 1.txt inside this folder. This file will add all the words which not present in the your default dictionary.

If someone have more better option please share with me.

Tuesday, June 25, 2013

ZK Show another button on click of a button

Java Code for the above problem

ZUL code for this demo example

For any issue and further question please leave a comment :)

ZK Listbox Data Filter Demo

ZK Provide Data Filter in Listbox,Grid I have created a Very Basic Demo application to apply Filters in Listbox.
ZUL file Code
And View Model Or Java Class

Its a Very basic developer can modify the code as their requirement.

Wednesday, June 19, 2013

How to change ZK Progress Bar text

My This post is dedicated to one of the question asked in ZK forum . Let me try to explain you how we can do this
Create a JS file in your project like MyFile.js and add below code inside this JS

Now open lang-addon.xml file, if you are not using it add this file into your project inside WEB-INF folder for more information you can refer Zk official document.Inside this lang-addon.xml file add this line

My File is inside the above path so i added this path. Thats it if any issue you can left comment i will try to answer them.:)

Monday, June 3, 2013

Zk Delete Selected Item from Listbox

As today i am trying to answer someone question in ZK forum how we can delete selected item or items from the Listbox i have created a demo example for this ...
Java Code for this
And ZUL Code for this Example..

You can ask more question in comment section :)

Sunday, June 2, 2013

ZK Button Alignment

As i saw a question in ZK ZK Button Alignment i got some good solution for this like we can right below code ...

But a better Solution given by ZK Developer Vincentjian