Product Selector

Fusion 5.12
    Fusion 5.12

    widget:open-modal

    Description

    Applies a class to the target when toggled on.

    Usage

    as attribute

    <ANY widget-open-modal="{string}">
   ...
</ANY>

    Directive info

    • This directive creates new scope.

    Parameters

    Param Type Details

    widget-open-modal

    string

    The ID of the modal to open

    Example

    Source

    <button class="tk-stl-button" widget-open-modal="id">Open Modal</button>
<widget:modal title="Hello World" id="id">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</widget:modal>

    Result

    Result