0

How to remove the grid default css?

asked 2009-11-13 10:45:15 +0800

gyowanny gravatar image gyowanny
283 1 2 6

Hi

I'm using grids in order to organize the fields of my CRUD forms, but I would like to take off all those borders and colors that are configured by default.
I need a grid without style so how to do this?

Thank you

Gyo

delete flag offensive retag edit

5 Replies

Sort by ยป oldest newest

answered 2009-11-13 12:53:04 +0800

gyowanny gravatar image gyowanny
283 1 2 6

Hi

The following code is enough to have the grid without any border/color.

<style>
    div.z-grid, tr.z-row td.z-row-inner {background: white; border:0; overflow: auto; zoom: 1; }
</style>

link publish delete flag offensive edit

answered 2009-11-13 12:30:08 +0800

gyowanny gravatar image gyowanny
283 1 2 6

Thank you again

Gyo

link publish delete flag offensive edit

answered 2009-11-13 11:45:53 +0800

fmcypriano gravatar image fmcypriano
612 1 7
http://felipecypriano.com...

Humm vbox and hbox aren't a good solution. So I think your only way is to change the css, see the grid's style guide http://docs.zkoss.org/wiki/StyleGuide_Grid

link publish delete flag offensive edit

answered 2009-11-13 11:11:47 +0800

gyowanny gravatar image gyowanny
283 1 2 6

Hi Felipe

Actually I'm using vbox as well as hbox but the fields are not getting aligned when I have one above or below, as you can notice in the following example:


Name: |________________________|

Age: |___________|

Birthday:|______________|

The grid makes the fields/labels aligned in the right way. Actually I've already implemented a couple forms using grids so the only thing now is to try to remove it's default css.


Thank you

Gyo

link publish delete flag offensive edit

answered 2009-11-13 10:53:31 +0800

fmcypriano gravatar image fmcypriano
612 1 7
http://felipecypriano.com...

Try to use vbox and hbox components:

<vbox>
  <hbox>
    something
    <textbox/>
  <hbox>
  <hbox>
    something 2
    <textbox/>
  <hbox>
</vbox>


Regards

link publish delete flag offensive edit
Your reply
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow

RSS

Stats

Asked: 2009-11-13 10:45:15 +0800

Seen: 677 times

Last updated: Nov 13 '09

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More