The onshow and onhide Actions

The onshow and onhide Actions
Prev	Client Side Actions	Next

The onshow and onhide actions are used to control the visual effect of displaying and hiding a component.

An Example to Change How a Window Appears

<zk>
    <button label="Show Overlapped" onClick="win.doOverlapped();"/>    
    <window id="win" border="normal" width="200px" mode="overlapped"    
action="onshow:anima.appear(#{self});onhide:anima.fade(#{self})" visible="false">
        <caption image="/img/inet.png" label="Hi there!"/>        
        <checkbox label="Hello, Effect!"/>        
    </window>    
</zk>

Prev	Up	Next
Reference to a Component	Home	CSA JavaScript Utilities