Damien TEMPLER
·PS at Memority

Chaining modals?

Resolved

Hi,

Is it possible to chain modals when click on a button?

My client wants users to approve security terms & conditions before enrolling WebAuthn.

My idea is as follows:

  • Users click on the Enroll button

  • Users are prompted a window similar to this (which is actually an attribute)

  • Then, once they have clicked, instead of being redirected to their cockpit, they are redirected to the actual WebAuthn enrollment page:

How can I achieve that?

Data model
1 reply
Best reply by Damien TEMPLER

Hi,

Here is the solution I came up with:

I created an action linking to a feature, with a modalTargetType to allow a display in a separate window.

<actions>
    <action id="identity-common-self-whello" xsi:type="ctdbum:ButtonWidgetType">
        <hidden>false</hidden>
        <config>
            <align>RIGHT</align>
            <authenticationLevelSufficient>false</authenticationLevelSufficient>
            <borderless>false</borderless>
            <circle>true</circle>
            <color>purple</color>
            <icon>fa fa-key</icon>
            <label>true</label>
            <linkTarget>SELF</linkTarget>
            <outline>true</outline>
            <size>SM</size>
            <target xsi:type="ctdbum:ModalTargetType">
                <link>feature://identity-common-self-approveWebAuthn</link>
                <modalSize>SM</modalSize>
                <onDismiss>NONE</onDismiss>
            </target>
        </config>
    </action>

The linked feature (approveWebAuthn below) contains a completionRedirectURL to the second feature I wanted to display.

View original