ZK - Open Source Ajax Java Framework

Invitation to a discussion

  Hello

 I propose to list the pros and cons of each Framework of the presentation layer in order to make the comparison between them (ZK, GWT, JSF and STRUT2...).

Purpose is to choise the proper Framework to achieve a given application (Desktop application, web site ... )
ie, each type of application and the recommended's Frameworks to realize it .

 Thank you in advance

There are many available comparison on the net.

For example:
http://vaadin.com/comparison

You may add a column of zk.

Thanks for your response
But for framework :strut2,jsf,GI Tibco...
I apologize for the derangement

There was a good ZK vs Vaadin debate at http://designbygravity.wordpress.com/2010/03/21/for-the-love-of-vaadin-rias-done-right/.

As the discussion in blog post comment thread was technically challenging and easily buried within other discussions, I cut-n-pasted ZK vs Vaadin arguments/comparison from there to http://vaadin.com/forum/-/message_boards/message/134071. Anyone is free to add more "for ZK" arguments to this thread.

What I hate about frameworks like ZK or Vaadin is predefined look and feel. It takes a load of time to replace standard CSS classes going with firebug from element to element.

But it is more easy for UI

btw jole thanks a lot for very useful links.

Hi Stas,
Have you checked out ZK's style guide?
You could easily define a CSS class and apply it to a specific component, or a group of components.

Stas283 - in Vaadin there is a barebones theme that has no looks at all - then you just add the styles you need to. OTOH, one of the avaialable themes called Chameleon allows one to tailor the colors of theme in an online editor: http://demo.vaadin.com/chameleontheme

Cogito,
May be I am doing something wrong but style guide does not really specify the same CSS classes that I see in the rendered content. I am using zclass field to change a style of the grid. So I have to basically change style of every item (grid, auxhead, auxheader, columns, column, rows, row) - they all have their own classes.

I am not saying that it is not possible to deal with . It is possible but time consuming. For example for grid my style eventually grew the way more that was expected from the style guide. The same happened to be with a listbox.

I wish it was some predefined grid, listbox xxx.css.dsp files available where all classes been already listed with user friendly comments. So the only thing developer has to do is to redefine colors.

/* GRID */
.t4s_grid
{
    padding: 0 0 0 0;
    font-family: Verdana, Arial, sans-serif;font-size: 9px;
    background:  black;
    border:      1px solid #F89400;
}

.t4s_grid-faker
{
    border: 0;
}

.t4s_grid-header
{
    border: 0;
}
.t4s_grid_columns
{
    border: 0;
}
.t4s_grid_column
{
    border: 0;
}

.t4s_grid_column-cnt
{
    height:         20px;
    border-bottom:  1px solid #F89400;
    padding-left:   10px;
    padding-top:    5px;
    background:     #333333;
}

.t4s_grid_aux_header
{

}
.t4s_grid_aux_header-cnt
{
    padding-left:  10px;
    padding-top:   5px;
    font-family:   Verdana, Arial, sans-serif;font-size: 12px;
    background:    #333333;
    border-bottom: 1px solid #F89400;
    font-weight:   bold;
    text-align:    center;
    height:        20px;
}

.t4s_grid-body
{
    padding: 0 0 0 0;
    border:  0px;
}

.t4s_grid_rows
{
    padding:     0 0 0 0;
    margin:      0;
    text-align:  left;
    line-height: 20px;
    height:      20px;
    border:      0;
}

.t4s_grid_row
{
    padding:       0 0 0 0;
    line-height:   20px;
    border:        0;
}

.t4s_grid_row-cnt
{
    padding-left:  10px;
    line-height:   20px;
    border:        0;
}
.t4s_grid_row.t4s_grid-odd
{
    padding:      0 0 0 0;
    line-height:  20px;
    background:   #F2EEE6;
    border:       0;
}

.t4s_grid_row-inner
{
    padding-left:  4px;
    line-height:   20px;
    border:        0;
}

.t4s_grid_row-footer
{
    padding: 0 0 0 0;
    line-height:   20px;
}

.t4s_grid_row-footer.t4s_grid-odd
{
    padding: 0 0 0 0;
    line-height: 20px;
    background: #F2EEE6;
}

.t4s_grid_row-footer-inner
{
     padding-left: 4px;
     line-height:   20px;
     border-bottom: 0;
}

@Stas,

You can use Sclass to change what you want, rather than use Zclass to change all of the CSS rules in the component.
Please take a look at ZK Class Concept.
However, if you want provide a specific CSS for the specific component, you definitely need to provide a set of the CSS rules for the component.

"There are many available comparison on the net.
For example:
http://vaadin.com/comparison

You may add a column of zk.
"

Hi PeterKuo
How can i add a new column of zk inside this tab "http://vaadin.com/comparison"
Thanks in advance for your help

@benyahia4,
You may ask vaadin.
I do hope they can provide a column for ZK.

@PeterKuo,
Thanks for your response
Have you any contact of vaadin?

@benyahia4
I don't have contact of vaadin.
vaadin has its forum and support mail.

one can find the quick comparison of zk and vaadin here: http://vaadin.com/forum/-/message_boards/view_message/134071#_19_message_479929