ngenereux
Contributor
Contributor

vSphere Web Client HTML - Clarity wizard in a modal

Our plugin adds several items to context menus using the com.vmware.vsphere.client.HtmlPluginModalAction. We want one of these to create a wizard, similar to existing VMware workflows like Create Datastore. We are using Angular and Clarity, which provides a wizard component. However, the Clarity Wizard itself functions like a modal, and attempts to take over the whole screen and cover the background with a semi-transparent layer. This, obviously, looks terrible inside the modal we're given. Is there a standard/approved way to use the Clarity wizard component inside one of these HtmlPluginModalAction modals, or do we need to rebuild the wizard functionality ourselves from simpler Clarity components?
0 Kudos
1 Reply
ngenereux
Contributor
Contributor

Going to answer my own question here. Adding the following css classes to the clr-wizard does the trick: 

class="clr-wizard--inline clr-wizard--no-shadow clr-wizard--no-title"

 

class="clr-wizard--inline clr-wizard--no-shadow clr-wizard--no-title"
0 Kudos