-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Looks great Senthil.
I get the toolbar over not to work and modified the css for that:
.z-toolbarbutton-over .z-toolbarbutton-cnt { background:url( ...
Looking good
Oh. But i do not have any problem, i am using 6.5.0 ZK Version. Anyway, original code does not have the alignment. That is the problem in eclipse, when we format the code, it is formatting as wrongly the code inside ZK Style Tab. Here is the aligned code
<style> .z-groupbox-3d-cnt { border: 0px solid transparent; padding: 0px; background:url('images/tab-mid.jpg') repeat-y scroll 0 0 transparent; float: left; min-height: 401px; } .z-toolbarbutton-cnt { background:url('images/tab-nav.gif') repeat-y scroll 0 0 transparent; color: #FFFFFF; float: left; font-size: 13px; font-family: arial, sans-serif; height: 20px; margin-right: 0; padding: 8px 0 5px 20px; position: relative; text-decoration: none; width: 187px; z-index: 1; } .z-toolbarbutton { cursor: pointer; display: table-row-group; } .z-toolbarbutton-over { background:url('images/tab-hov.gif') no-repeat scroll 0 0 transparent; color: #FFFFFF; text-decoration: none; } .tabtop { background:url('images/tab-top.jpg') no-repeat scroll 0 0 transparent; float: left; height: 64px; width: 990px; } tr.z-vbox-sep { height: 0; } </style>
Hi Senthil,
what should i do to use it with a touch-device. The mouse-over is not available. When i click on a toolbarbutton the element to be marked. Can you give me the corresponding css-style?
Regards
Andi
Check with this now
<style> .z-groupbox-3d-cnt { border: 0px solid transparent; padding: 0px; background:url('images/tab-mid.jpg') repeat-y scroll 0 0 transparent; float: left; min-height: 401px; } .z-toolbarbutton-cnt { background:url('images/tab-nav.gif') repeat-y scroll 0 0 transparent; color: #FFFFFF; float: left; font-size: 13px; font-family: arial, sans-serif; height: 20px; margin-right: 0; padding: 8px 0 5px 20px; position: relative; text-decoration: none; width: 187px; z-index: 1; } .z-toolbarbutton { cursor: pointer; display: table-row-group; } .z-toolbarbutton-over .z-toolbarbutton-cnt { background:url('images/tab-hov.gif') no-repeat scroll 0 0 transparent; color: #FFFFFF; text-decoration: none; } .tabtop { background:url('images/tab-top.jpg') no-repeat scroll 0 0 transparent; float: left; height: 64px; width: 990px; } tr.z-vbox-sep { height: 0; } </style>
You mean to say you should show the orange color after you clicked one of the tool bar button and then if you click other button, then the previous clicked button should show normal and then newly clicked button should be orange ?
If that is the case, then look here
sorry Senthil ir,
i have downloaded ur code and tried in my project...but its now well working..
m not getting output as u shown here
m using zk version 5.0.6
so plz tell me is it problem regarding the zk version or what ?
Regards
Zknl
I used 6.5 to Design that page. I am not sure, the Same Z class can be used in lower version. First you try to 6.5, arrive the output as shown above and then modify to lower version after looking the class name in firebug.
Asked: 2012-11-07 14:14:11 +0800
Seen: 297 times
Last updated: Dec 11 '12