Tags
People
Badges
Help-
CORE FRAMEWORK
FEATURED COMPONENTS
-
RESOURCES
-
LEARN ZK
RESOURCES
Hello,
I want to place several status pictures over a background picture.
The background picture will show a business process picture, while the smaller images will show a status (just as a traffic light) or a small chart with information about the numbers of transactions of that underlying business process.
Here is an example: click here for example image
The grey business process is the background picture, the coloured images show the status of each step.
The problem is that I dont find the option to define x/y coordinates in the syntax of the image object.
It seems to be placed by the layout containers automatically (hlayout, vlayout etc.).
What I need is to define a x/y position of the image over the background image.
Is it possible with ZK standard edition to place several images onto different visual layers ?
Thanks in advance
Bernd
Is it possible to place several images on top of another picture using x/y positioning ?
Greetings
Bernd
Bernd,
To do what you want, try CSS positioning. One simple method to do this is to use margins like this:
<zk>
<div style="background-image:url('http://www.eltercer.cat/english/food/fruit.jpg'); background-repeat:no-repeat;" vflex="true">
<image src="http://t1.gstatic.com/images?q=tbn:ANd9GcTh5hw33e9KZAOsGT8cvFp2lNTrnk9am8HVSuzRumQny6oPUR4a" style="margin-left: 100px; margin-top: 50px;"/>
</div>
</zk>
Maybe that will give you an idea...
Regards,
Todd
Asked: 2011-01-31 04:41:25 +0800
Seen: 413 times
Last updated: Jan 31 '11