I love the new Amelia popup. However the "x" to exit is very very small. Certainly not touch proof. Also it overlaps the filters button which is a UX nightmare.
Can the "x" to exit the popup be enlarged?
Can the padding be adjusted to sit the "x" above all content including the search filters?
Can the popup be set to exit on click/tap outside the popup?
These are two very important features for user experience ie easy to tap x and tap outside popup to exit. If your team cannot implement in an upcoming release would you be able to guide me on the CSS / java required to action at least the adjustment of the x so it is not difficult for people to exit as I want to implement this in a site I am launching next week.
Ok I had a play around with the CSS myself and managed to "fix" the tiny button. Its not perfect but it will suffice until you address the button in a future update.
Thanks for reaching out to us. Yes, this has been reported already as an issue. Thank you for providing the CSS code as a temporary fix. Developers are already working on fixing this and it to be implemented in future updates.
Should you require any additional assistance, or if you have any other questions, feel free to ask.
I love the new Amelia popup. However the "x" to exit is very very small. Certainly not touch proof. Also it overlaps the filters button which is a UX nightmare.
These are two very important features for user experience ie easy to tap x and tap outside popup to exit. If your team cannot implement in an upcoming release would you be able to guide me on the CSS / java required to action at least the adjustment of the x so it is not difficult for people to exit as I want to implement this in a site I am launching next week.
Attached files: Screenshot 2023-10-20 015614.jpg
Screenshot 2023-10-20 015715.jpg
Ok I had a play around with the CSS myself and managed to "fix" the tiny button. Its not perfect but it will suffice until you address the button in a future update.
Here's the CSS if anyone else needs it:
/*START Amelia fix button for exit popup position*/
.el-dialog__headerbtn{
margin-top: -65px;
z-index: 10;
background-color: #ffffff!important;
font-size: 30px!important;
border-radius: 5px;
}
.am-icon-close{
color:#C22328
}
/*END Amelia fix button for exit popup position*/
I still would love to have the popup close on clicking outside the popup if your team could make this possible??
Kind regards,
Marianna
This is the modified "x" now with my css
Attached files: Screenshot 2023-10-20 021431.jpg
Hello DesignBurst,
Thanks for reaching out to us. Yes, this has been reported already as an issue. Thank you for providing the CSS code as a temporary fix. Developers are already working on fixing this and it to be implemented in future updates.
Should you require any additional assistance, or if you have any other questions, feel free to ask.
Kind Regards,
Stefan Petrov
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hi Stefan
Fantastic, love that it is being worked on. Can you also flag the tapping outside the popup as an exit option?
Cheers
Marianna
Hello DesignBurst,
I'll make sure that i forward this information /request, as well.
Looking forward to hearing from you soon.
Have a nice day!
Kind Regards,
Stefan Petrov
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables