Important: What Framework to choose?

answered 2010-03-15 20:21:22 +0800

PeterKuo
481 ● 2

There are many available comparison on the net.

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

You may add a column of zk.

answered 2010-03-27 08:05:55 +0800

jole
9

updated 2010-03-27 08:06:31 +0800

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.

answered 2010-03-29 11:03:00 +0800

Stas283
93 ● 2
www.trade4stas.com

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.

answered 2010-03-29 13:49:56 +0800

Stas283
93 ● 2
www.trade4stas.com

btw jole thanks a lot for very useful links.

answered 2010-03-29 20:46:48 +0800

Cogito
66 ● 1

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.

answered 2010-03-30 10:14:01 +0800

jole
9

updated 2010-03-30 10:14:23 +0800

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

answered 2010-03-30 10:17:20 +0800

Stas283
93 ● 2
www.trade4stas.com

updated 2010-03-30 10:22:20 +0800

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;
}

answered 2010-03-30 21:08:14 +0800

jumperchen
3909 ● 2 ● 8
http://jumperchen.blogspo...

@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.