-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Hi. I have a page where I want to have a background image (kind of like a watermark would be used on a printed page). I can get the image to appear, but it is obscured by a grid that is on the page. Has anybody else encountered/fixed this?
Thanks,
Peter
Gunter, you are a rock star! Thank you very much! It works perfectly, and I learned something about CSS. :-)
Peter
Hi Peter,
I assume you want to use the grid to align some others components. So the grid with all its borders, backgrounds etc should not be visible. If yes you should create an own css style for your grid without any backgrounds.
The example shows a grid on a yellow background. How you can see the grid has a lot of backgrounds what you have to set to transparent.
<zk> <style> div.my-grid { background:transparent; border:0px } .my-grid tr.z-row td.z-row-inner { background:transparent; border:0px } .my-grid tr.z-grid-odd td.z-row-inner, .my-grid tr.z-grid-odd { background:transparent; border:0px; background-color:transparent } .my-grid div.z-grid-body { background:transparent } </style> <div style="background: yellow; padding: 5px;"> <grid sclass="my-grid"> <rows> <row> <label value="File:"/> <textbox width="99%"/> </row> <row> <label value="Type:"/> <hbox> <listbox rows="1" mold="select"> <listitem label="Java Files,(*.java)"/> <listitem label="All Files,(*.*)"/> </listbox> <button label="Browse..."/> </hbox> </row> <row> <label value="Options:"/> <textbox rows="3" width="99%"/> </row> </rows> </grid> </div> </zk>
regards,
Gunter
Asked: 2013-01-02 18:25:41 +0800
Seen: 84 times
Last updated: Jan 02 '13