Crestron Components Lib - Showcase App

ch5-modal-dialog: maskStyle

attribute: maskStyle

Defines the inline CSS style for the mask that will override the default.

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
        maskStyle="background:rgba(200,150,100,0.3);">
    <p>Sample text</p>
    <ch5-image
            id="ex1-img"
            url="https://picsum.photos/200/300/?random">
    </ch5-image>
</ch5-modal-dialog>