# No close X on Focus Item

**URL:** <https://forum.mautic.org/t/no-close-x-on-focus-item/8816>\
**Category:** Product Support\
**Created:** [June 26, 2017, 9:18pm UTC](https://forum.mautic.org/t/no-close-x-on-focus-item/8816 "2017-06-26T21:18:29Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![mediamix-chris](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mediamix-chris/32/857_2.png) [@mediamix-chris](https://forum.mautic.org/u/mediamix-chris)\
**Post date:** [June 26, 2017, 9:18pm UTC](https://forum.mautic.org/t/no-close-x-on-focus-item/8816/1 "2017-06-26T21:18:29Z")

</div>

Hello, all!  
  
I’ve added two focus items, one on each of my websites. The focus item simply pops up a form asking the visitor for their email address. They can choose to click the “X” to close the window and continue on to the site, or they can enter their email address and click Submit. If they do the latter, a message appears and simply says, “Thank you very much.” That’s where it all comes to a screeching halt. The message appears with no way to continue on to visit the website. No “Close” button, no “X”, no clicking off the message to return to the page. Nothing. Am I missing something?

---

<div class="post-metadata">

**Author:** ![mediamix-chris](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mediamix-chris/32/857_2.png) [@mediamix-chris](https://forum.mautic.org/u/mediamix-chris)\
**Post date:** [June 26, 2017, 9:18pm UTC](https://forum.mautic.org/t/no-close-x-on-focus-item/8816/2 "2017-06-26T21:18:29Z")

</div>

Hello, all!  
I’ve added two focus items, one on each of my websites. The focus item simply pops up a form asking the visitor for their email address. They can choose to click the “X” to close the window and continue on to the site, or they can enter their email address and click Submit. If they do the latter, a message appears and simply says, “Thank you very much.” That’s where it all comes to a screeching halt. The message appears with no way to continue on to visit the website. No “Close” button, no “X”, no clicking off the message to return to the page. Nothing. Am I missing something?

---

<div class="post-metadata">

**Author:** ![mediamix-chris](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mediamix-chris/32/857_2.png) [@mediamix-chris](https://forum.mautic.org/u/mediamix-chris)\
**Post date:** [June 26, 2017, 9:21pm UTC](https://forum.mautic.org/t/no-close-x-on-focus-item/8816/3 "2017-06-26T21:21:43Z")

</div>

I’ve attached a screen grab after the form is submitted. ![](http://www.mediamix.tv/mautic/MM-Screenshot.png)

---

<div class="post-metadata">

**Author:** ![mediamix-chris](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mediamix-chris/32/857_2.png) [@mediamix-chris](https://forum.mautic.org/u/mediamix-chris)\
**Post date:** [June 27, 2017, 12:47pm UTC](https://forum.mautic.org/t/no-close-x-on-focus-item/8816/4 "2017-06-27T12:47:33Z")

</div>

Today, I’m trying other methods of displaying the focus item and I’m continuing to have problems with them as well. For instance, when I use the Bar set to the top of the page, I see the question along with the text box as it should be. Upon submitting my email address, I get the thank you, but cannot get rid of the white section that housed the question. I now have a “permanent” white area at the top with the collapse arrow. It never goes away, blocking the navigation unless you scroll the page up to reveal them. At this point, we can’t use any form of a Focus Item.

---

<div class="post-metadata">

**Author:** ![petertl](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/petertl/32/511_2.png) [@petertl](https://forum.mautic.org/u/petertl)\
**Post date:** [June 27, 2017, 12:53pm UTC](https://forum.mautic.org/t/no-close-x-on-focus-item/8816/5 "2017-06-27T12:53:17Z")

</div>

Have you tried to rebuild the form HTML? I am absolutely in the dark, but maybe it helps.

---

<div class="post-metadata">

**Author:** ![Aneta](https://avatars.discourse-cdn.com/v4/letter/a/edb3f5/32.png) [@Aneta](https://forum.mautic.org/u/Aneta)\
**Post date:** [July 10, 2017, 4:49pm UTC](https://forum.mautic.org/t/no-close-x-on-focus-item/8816/6 "2017-07-10T16:49:10Z")

</div>

I have this problem too.

---

<div class="post-metadata">

**Author:** ![andrerds](https://avatars.discourse-cdn.com/v4/letter/a/9de053/32.png) [@andrerds](https://forum.mautic.org/u/andrerds)\
**Post date:** [September 9, 2017, 2:14pm UTC](https://forum.mautic.org/t/no-close-x-on-focus-item/8816/7 "2017-09-09T14:14:35Z")

</div>

I have this problem too .Any solution?

---

<div class="post-metadata">

**Author:** ![ninjoan](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/ninjoan/32/1005_2.png) [@ninjoan](https://forum.mautic.org/u/ninjoan)\
**Post date:** [September 9, 2017, 5:43pm UTC](https://forum.mautic.org/t/no-close-x-on-focus-item/8816/8 "2017-09-09T17:43:44Z")

</div>

That is a Focus item from Mautic?  
Because dont look like.

Let me see this is what are you doing

You have a focus item with a form that after the form fill will display a message Thank you!

Question: What is the point to have a focus with a form that will display a thanks you message? If you want this you can use a simpple Bootstrap focus.

Solution: in the form that is use in the focus item put a redirrect to a page with your thank you message

---

<div class="post-metadata">

**Author:** ![andrerds](https://avatars.discourse-cdn.com/v4/letter/a/9de053/32.png) [@andrerds](https://forum.mautic.org/u/andrerds)\
**Post date:** [September 9, 2017, 8:36pm UTC](https://forum.mautic.org/t/no-close-x-on-focus-item/8816/9 "2017-09-09T20:36:02Z")

</div>

I put a redirect, but it is loading inside the modal.

---

<div class="post-metadata">

**Author:** ![ninjoan](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/ninjoan/32/1005_2.png) [@ninjoan](https://forum.mautic.org/u/ninjoan)\
**Post date:** [September 9, 2017, 9:44pm UTC](https://forum.mautic.org/t/no-close-x-on-focus-item/8816/10 "2017-09-09T21:44:04Z")

</div>

I just replicate the scenario and works fine in my end.
