-
FEATURED COMPONENTS
First time here? Check out the FAQ!
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 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.
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.
Asked: 2010-03-15 10:32:46 +0800
Seen: 4,340 times
Last updated: May 31 '11