0

How not to display grid cell border?

asked 2008-11-03 17:05:45 +0800

davout gravatar image davout
1435 3 18

A couple of questions....

The only way I could find of displaying a set of toolbar buttons at a horizontal interval of my choosing was to position them inside a grid. Right or wrong?

Having used the grid I now can't find a way of suppressing the display of cell borders. I would have expected to see a 'border' attribute but can't see one. How can I do this? I suspect it's something to do with styles and having checked the stylesheet docs I found a 'div.cell-inner' style that sets the border to zewro but I've tried applying this at various places and nothing happens.

Ideas?

Here's the code...

<grid width="100%" >
	<columns>
		<column width="125px" align="center" />
		<column width="125px" align="center"/>
		<column width="125px" align="center" />
		<column width="125px"  align="center"/>
		<column width="125px"  align="center"/>
		<column width="125px"  align="center" />
		<column width="125px"  align="center"/>
		<column width="125px"  align="center" />
		<column width="125px"  align="center"/>
	</columns>
	<rows>
		<row height="70px">
			<toolbarbutton label="Home"
				image="/images/toolbar/set1/home.png" orient="vertical" width="300px" style="div.cell-inner"/>
			<toolbarbutton label="Services"
				image="/images/toolbar/set1/services.png" orient="vertical" width="300px" style="div.cell-inner"/>
			<toolbarbutton label="Knowledge"
				image="/images/toolbar/set1/knowledge.png" orient="vertical" height="100%"
				width="125px" />
			<toolbarbutton label="Projects"
				image="/images/toolbar/set1/projects.png" orient="vertical" width="125px" />
			<toolbarbutton label="Domain"
				image="/images/toolbar/set1/domain.png" orient="vertical" width="125px" />
			<toolbarbutton label="Search"
				image="/images/toolbar/set1/search.png" orient="vertical" width="125px" />
			<toolbarbutton label="Admin"
				image="/images/toolbar/set1/admin.png" orient="vertical" width="125px" />
			<toolbarbutton label="Preferences"
				image="/images/toolbar/set1/userprefs.png" orient="vertical" width="125px" />
			<toolbarbutton label="Help"
				image="/images/toolbar/set1/help.png" orient="vertical" width="125px" />
		</row>
	</rows>
</grid>

delete flag offensive retag edit

1 Reply

Sort by ยป oldest newest

answered 2008-11-04 01:31:53 +0800

flyworld gravatar image flyworld
155 3

about cell border, you can try cover this css class

tr.z-row td.z-row-inner { 
   border:2px  solid black;
}

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: 2008-11-03 17:05:45 +0800

Seen: 398 times

Last updated: Nov 04 '08

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