hello, I would like to be able to hide the customers email address and phone number from the employee front panel please. I tried the following HTML code on the page (using elementor) but that didnt work
Unfortunately, there aren't such options for the Employee panel in Amelia with its current built-in features.
The hiding can be maybe achieved with adding some custom CSS, but please note that these elements don't have their own separate CSS classes, so they can be hidden or they can cause hiding something else as well.
Please try adding this CSS to hide the customers' phone and email fields:
.am-cabinet-collapsed-content div:nth-child(2) > div > div:nth-child(2),
.am-cabinet-collapsed-content div:nth-child(2) > div > div:nth-child(3) {
display: none !important;
}
You can add it directly to the page where you have the panel as format HTML like this:
<style>
.am-cabinet-collapsed-content div:nth-child(2) > div > div:nth-child(2),
.am-cabinet-collapsed-content div:nth-child(2) > div > div:nth-child(3) {
display: none !important;
}
</style>
Hi den, unfortunately that hasnt worked and its also leaving the html code visible at the bottom of the page... im using elementor and placed the html text you provided just beneath the employee front panel shortcode
hello, I would like to be able to hide the customers email address and phone number from the employee front panel please. I tried the following HTML code on the page (using elementor) but that didnt work
Hello Maria,
Sorry for the delayed response.
Unfortunately, there aren't such options for the Employee panel in Amelia with its current built-in features.
The hiding can be maybe achieved with adding some custom CSS, but please note that these elements don't have their own separate CSS classes, so they can be hidden or they can cause hiding something else as well.
Please try adding this CSS to hide the customers' phone and email fields:
.am-cabinet-collapsed-content div:nth-child(2) > div > div:nth-child(2), .am-cabinet-collapsed-content div:nth-child(2) > div > div:nth-child(3) { display: none !important; }You can add it directly to the page where you have the panel as format HTML like this:
<style> .am-cabinet-collapsed-content div:nth-child(2) > div > div:nth-child(2), .am-cabinet-collapsed-content div:nth-child(2) > div > div:nth-child(3) { display: none !important; } </style>And let me know if it helped.
Hi den, unfortunately that hasnt worked and its also leaving the html code visible at the bottom of the page... im using elementor and placed the html text you provided just beneath the employee front panel shortcode
Hi Maria,
Sorry for the delayed response.
I am afraid we are limited to help you with the scripting of your website, sorry.
Hey Den,
Can this feature be added in the next update(Hide Customer details from Employee front panel)?
And it seems like the team is behind on the summer roadmap -
Hi Hasan,
I will flag this with the dev team, however, can't guarantee any ETA on that, sorry.