Crestron Components Lib - Showcase App

ch5-modal-dialog: okButton, cancelButton

ch5-modal-dialog okButton

Click the above button to make the modal visible.

Sample text

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

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


<ch5-modal-dialog receiveStateShowPulse="trigger_1"
                    closable
                    mask
                    okButtonLabel="Confirm"
                    okButtonIcon="fas fa-plus"
                    okButtonStyle="color:#333;background:#efefef"
                    cancelButtonLabel="Ignore"
                    cancelButtonIcon="fas fa-minus"
                    cancelButtonStyle="color:#333;background:#efefef">
    <p>Sample text</p>
    <ch5-image
            id="ex1-img"
            url="https://picsum.photos/200/300/?random">
    </ch5-image>
</ch5-modal-dialog>

ch5-modal-dialog hide buttons

Click the above button to make the modal visible.

Sample text

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

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

<ch5-modal-dialog receiveStateShowPulse="trigger_2"
                    closable
                    mask
                    hideOkButton="true"
                    hideCancelButton="true">
    <p>Sample text</p>
    <ch5-image
            id="ex2-img"
            url="https://picsum.photos/200/300/?random">
    </ch5-image>
</ch5-modal-dialog>