Crestron Components Lib - Showcase App

ch5-overlay-panel: sendEventOnBeforeShow, sendEventOnShow, sendEventOnAfterShow, sendEventOnBeforeHide, sendEventOnAfterHide

sendEventOnBeforeShow, sendEventOnShow, sendEventOnAfterShow, sendEventOnBeforeHide, sendEventOnAfterHide

Open the browser console to confirm the signals being sent.

Click the above button to make the overlay visible.

Sample text

<ch5-button label="Trigger show pulse" sendEventOnClick="trigger_1"></ch5-button>

<p>
    Click the above button to make the overlay visible.
</p>

<ch5-overlay-panel
        receiveStateShowPulse="trigger_1"
        closable
        sendEventOnShow="signal_on_show"
        sendEventOnBeforeShow="signal_on_before_show"
        sendEventOnAfterShow="signal_on_after_show"
        sendEventOnBeforeHide="signal_on_before_hide"
        sendEventOnAfterHide="signal_on_after_hide">
    <p>Sample text</p>
    <ch5-image
            id="ex1-img"
            url="https://picsum.photos/200/300/?random">
    </ch5-image>
</ch5-overlay-panel>