Black row is appering in default height & width of HTMLSDK Modal

[dharmeshj]

we are using HTML5SDK to open modal, we are using width- 864px height- 450px, This is the default values of height & width of wizard appending in the modal.

we are getting black row with this height parameter.

Thanks in advance!

[_vladi_]

Hi,

Thanks for the comprehensive report.

There is a known issue in the vSphere Client implementation of the modal sizing API which is already being addressed internally. There is no action required on the plugin side.

Please watch out for future update and/or patch releases where this should be fixed.

Cheers,

Vladi

[_vladi_]

Hi,

Having a second look at the code snippet we spotted another issue: modal.setOptions should be called within the modal dialog context, not from the calling view. Please try this out.

We need to look at ways to make context-specific API calls more explicit and obvious.

Thanks.

Cheers,

Vladi

[dharmeshj]

Hi,

Thanks for reply.

we made changes as per suggestion to get dynamically height. It changes dynamically. But if we increase height we are getting same black row in clarity wizard.

Please find attachment.

Regards,

Dharmesh Jain

[Denis_Chorbadzh]

Hi Dharmesh,

It is possible that you see these black bars if you have omitted the "clr-wizard--inline" class from the wizard's html.

<clr-wizard #wizard

            [clrWizardOpen]="true"

            [clrWizardSize]="'lg'"

            [clrWizardPreventModalAnimation]="true"

            class="clr-wizard--inline clr-wizard--no-shadow"><clr-wizard #wizard

            [clrWizardOpen]="true"

            [clrWizardSize]="'lg'"

            [clrWizardPreventModalAnimation]="true"

            class="clr-wizard--inline clr-wizard--no-shadow"><clr-wizard #wizard

            [clrWizardOpen]="true"

            [clrWizardSize]="'lg'"

            [clrWizardPreventModalAnimation]="true"

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

Here is an example code from the wizard in the HTML Sample plugin:

<clr-wizard #wizard

            [clrWizardOpen]="true"

            [clrWizardSize]="'lg'"

            [clrWizardPreventModalAnimation]="true"

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