vSphere

 View Only
  • 1.  vSphere Web Client HTML - Clarity wizard in a modal

    Posted Sep 06, 2019 10:00 PM
    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?


  • 2.  RE: vSphere Web Client HTML - Clarity wizard in a modal

    Posted Sep 06, 2019 10:17 PM

    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"