Despite the COVID-19 outbreak, our team continues operating at full speed. We are always here to support and answer all your questions.

Feel free to reach out by filling this quick form.

Fill the form
Get Free Trial

Popup custom position

Answered
Oleg asked on November 12, 2020

I have problems with z-index. I need my popups of flexmonster to be in different place in html. How can i do it? Moreover, it will be good to have the ability to create custom template for my popups.

2 answers

Public
Milena Pechura Milena Pechura Flexmonster November 13, 2020

Hi, Oleg,
 
Thank you for your questions.
Please find our suggestions for each of them below.
 

  1. Regarding the template for pop-ups:
    • In case you would like to replace our pop-ups with yours, we suggest hiding Flexmonster pop-ups and creating custom ones. You are welcome to use component API calls to add our functionality to your pop-ups. Please note that custom pop-ups can be located at any place in the HTML.
    • To redefine Flexmonster pop-up styles, please use our CSS selectors: e.g., .fm-ui-popup.
  2. We would like to also draw your attention to the following example: https://jsfiddle.net/flexmonster/qL1ehf9g/.
    Our team assumes it might be helpful for your case. The main idea of the approach shown in the example is that position of the pop-up is fixed, which allows us to locate it relatively to the viewport.
    Here is the code from the CSS box:
    .fm-ui-popup, .fm-popup {
    position: fixed !important;
    left: 50vw !important;
    top: 50vw !important;
    transform: translate(-50%, -50%);
    }
    #fm-grid-title {
    text-align: left !important;
    }

    If the desired component behavior is different, could you please provide us with details about what you are trying to achieve (e.g. screenshots)? This would greatly help us in our further investigation.

 
Please let us know if it helps and if any additional questions arise.
 
Kind regards,
Milena

Public
Milena Pechura Milena Pechura Flexmonster 5 days ago

Hello, Oleg,
 
How are you?
 
We were wondering if our response helped you with your question. Do the suggestions regarding pop-ups’ position and template work for you?
 
Our team would be glad to hear your feedback.
 
Best regards,
Milena

Please login or Register to Submit Answer