Need to open popup relative to body

Closed
Vignesh Punniamoorthy asked on May 22, 2024

https://jsfiddle.net/mtqjewpx/

 

I have the container like the example above, pivot popups getting hidden, and needs to be scroll to view it.

I need to open the popup relative to body instead of pivot container. Is it possible?

I have one work around to achieve this, But is there any options that can be configurable in pivot option to achieve it .

 

Workaround:-

https://jsfiddle.net/ybczx3af/

#fm-toolbar-wrapper div.fm-popup {
       top: 50% !important;
       left: 50% !important;
       position: fixed !important;
       transform: translate(-50%, -50%);
       z-index: 1001;
       max-height: 100vh;
       overflow: auto;
}

#fm-toolbar-wrapper div.fm-modal-overlay {
        position: fixed;
        height: 100vh !important;
        z-index: 1000;
}

1 answer

Public
Solomiia Andrusiv Solomiia Andrusiv Flexmonster May 23, 2024

Hello, Vignesh!

Thank you for reaching out to us.

Kindly note that there are no configuration options to make the pop-up relative to the HTML elements outside Flexmonster. We usually recommend overriding our CSS classes to achieve the desired visualization, as you have already done in the provided workaround.

Hope it helps.

Feel free to reach out to us if any other questions arise.

Kind regards,
Solomiia

This question is now closed