# How to remove the grid default css?

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 retag edit

## 5 Replies

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

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

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

gyowanny
283 1 2 6

Thank you again

Gyo

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>


[hide preview]