0

Remove all grid style

asked 2009-03-31 21:29:41 +0800

jckdnk111 gravatar image jckdnk111
105 1

Any have a clue how to get a grid equivalent to:

<table cellpadding="0" border="0" cellspacing="0">
...

I found this guide: http://docs.zkoss.org/wiki/StyleGuide_Row
but it's not too useful for CSS flunkies like me :-)

I also know how to apply a style to my grid: http://www.zkoss.org/forum/index.zul#path%3DlistComment%3BdiscussionId%3D6838%3BcategoryId%3D14%3B

I just can't seem to get rid of everything I don't want / need.

Any help is appreciated.

delete flag offensive retag edit

5 Replies

Sort by ยป oldest newest

answered 2009-04-01 09:44:09 +0800

SergeTk gravatar image SergeTk
193 3

<grid style="padding:0px; border:none; border-spacing:0px;"></grid>

To get correct tag names use this as reference -> to http://www.w3schools.com/css/

link publish delete flag offensive edit

answered 2009-04-01 15:31:10 +0800

jckdnk111 gravatar image jckdnk111
105 1

Thanks for your help ... it's not quite what I was after though.
I'm looking for a simple table - no bgcolor, no cell padding, no borders ... no style at all.

I'll keep cracking at the CSS, but I'm spending a considerable amount of time (my own fault, nothing to do with ZK).

link publish delete flag offensive edit

answered 2009-04-01 16:29:44 +0800

jckdnk111 gravatar image jckdnk111
105 1

OK, with firebug's help I think I have identified the classes I need to change:

div.z-grid
div.z-grid-body
td.z-row-inner
td.z-group-foot-inner
div.z-row-cnt
tr.z-row
td.z-row-inner
tr.z-grid-odd
td.z-row-inner
tr.z-grid-odd
tr.z-group
td.z-group-inner

But how to override? I added an entry in my zul:

.bdygrid div.z-grid div.z-grid-body td.z-row-inner td.z-group-foot-inner div.z-row-cnt tr.z-row td.z-row-inner tr.z-grid-odd td.z-row-inner tr.z-grid-odd tr.z-group td.z-group-inner {}

Then added this to my grid:

<grid sclass="bdygrid">

But nothing changes - I think because the style is defined in a separate dsp (not really sure)?

Sorry, I know this is not really a ZK-specific question, but it would take forever to explain what's happening on another CSS forum.

Thanks!

link publish delete flag offensive edit

answered 2009-04-02 01:02:04 +0800

jumperchen gravatar image jumperchen
3909 2 8
http://jumperchen.blogspo... ZK Team

Hi,

You can use the zclass to clean all of the CSS in the grid.
For example,

<grid zclass="none">
	<columns sizable="true">
		<column label="Type" sort="auto"/>
		<column label="Content"/>
	</columns>
	<rows  zclass="none">
		<row zclass="none">
			<label value="File:"/>
			<textbox width="98%"/>
		</row>
		<row  zclass="none">
			<label value="Options:"/>
			<textbox rows="3" width="98%"/>
		</row>
	</rows>
</grid>

You can also take a look at the Style Guide

/Jumper

link publish delete flag offensive edit

answered 2019-03-01 23:24:41 +0800

Pavan89 gravatar image Pavan89
1

Thanks! jumper, It helps me.:)

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-03-31 21:29:41 +0800

Seen: 1,504 times

Last updated: Mar 01 '19

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