-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Hi,
I'm looking for a few lines, how to do a transparent window like wpf application.
can some body help?
many thxs
I can't give you anything like a typical WPF app, but here's an example of creating an aero-ish "glass" section at the bottom of a window (IOW, making a portion of the window see-through - you could extend the idea to the whole window using a bit more CSS and elbow grease):
<style> .window-glass .z-window-highlighted-cm, .window-glass .z-window-modal-cm, .window-glass .z-window-overlapped-cm { background: none !important; border: none !important; } .window-glass .z-window-highlighted-cnt, .window-glass .z-window-modal-cnt, .window-glass .z-window-overlapped-cnt { background: none !important; padding: 0px !important; } .window-glass .z-border-layout { background: none !important; } .window-glass .window-glass-center { border: 1px solid #0B5CA0 !important; } .window-glass .window-glass-bottom { background: transparent url(/zkau/web/zul/img/wnd/wnd-ol-hm.png) repeat-x scroll 0 0 !important; border: none !important; padding: 6px 0px !important; } </style> <window id="myWindow" sclass="window-glass" shadow="false" mode="overlapped" width="308px" height="300px" sizable="true" border="normal"> <borderlayout> <center sclass="window-glass-center" flex="true" style="background-color: white;"> <div> CONTENT HERE </div> </center> <south sclass="window-glass-bottom" style="text-align: right;"> <div> BOTTOM SECTION </div> </south> </borderlayout> </window>
Asked: 2009-07-21 08:19:58 +0800
Seen: 657 times
Last updated: Jul 21 '09