Move Content Area Modal close button within x-modal-content div

Support
#1

Hello,
Is there a way to move the location of the content area modal close button to inside of the x-modal-content div?

Thanks,
Jonathan

#2

Hi there,

Thanks for writing in! You can change the close button’s location via modal’s settings (see screenshot)

However you cannot move it inside the content div. To make it more visible you can change the color and it’s size under modal’s settings.

Hope this helps!

#3

Unfortunately it doesn’t really help.
Can you add a feature request for an option to place the close button within the modal content?

2 reasons:

  1. I’ve modified my header so that it sits on top of the modal, therefore the modal close button is hiding under the header ( I can fix this via css).
  2. I think users expect to see a close button in one of the corners of the content block rather than in the corner of the browser window. Right now we’re making them search for a close button and I think that is bad UX.
#4

Hi again,

We certainly appreciate the feedback! We can surely add this to our list of feature requests. This way it can be taken into consideration for future development. All of these items are discussed with our team internally and prioritized based on the amount of interest a particular feature might receive.

Thanks!

#5

Thanks.
For now I’ve manually added the close button into the modal content and that is working.

<button class="x-modal-close x-modal-close-top x-modal-close-right" data-x-toggle-close="1" aria-label="Close Modal Content">
    <span>×</span>
  </button>
1 Like
#6

Hi again,

Ah that’s a nice approach, yes it should work fine, thank you for sharing the solution with us.

Cheers!

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.