Hello. I would like to know how to avoid having my employees see my customer contact information on their employee panel in the Amelia plugin, since I have tried looking for the option to disable the information on the "Role Settings" but to no avail. It's important that we do not disclose any customer information to our employees even if our customer privacy policy is in place.
With this CSS, it will completely hide that bottom section which shows more details about the customer.
It still leaves the Customer name, though, at the top.
If you need the customer name to also be completely hidden, you can try this :
#el-collapse-head-4544 > div > div.el-col.el-col-24.el-col-lg-14 > div > div:nth-child(3) > h4 > span { display: none !important; }
Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways.
If you need help with adding custom CSS to the page, please take a look at this article.
Hello. I would like to know how to avoid having my employees see my customer contact information on their employee panel in the Amelia plugin, since I have tried looking for the option to disable the information on the "Role Settings" but to no avail. It's important that we do not disclose any customer information to our employees even if our customer privacy policy is in place.
Hello,
We don't have a built-in way to hide the customer info from the Employee Panel's appointment details, but you can use this Custom CSS :
.amelia-app-booking #am-cabinet .am-cabinet-dashboard .am-cabinet-content .am-cabinet-list .am-cabinet .am-cabinet-collapsed-content .am-has-divider:last-of-type {display: none !important;
}
Here are 'before' and 'after' screenshots :
With this CSS, it will completely hide that bottom section which shows more details about the customer.
It still leaves the Customer name, though, at the top.
If you need the customer name to also be completely hidden, you can try this :
#el-collapse-head-4544 > div > div.el-col.el-col-24.el-col-lg-14 > div > div:nth-child(3) > h4 > span {
display: none !important;
}
Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways.
If you need help with adding custom CSS to the page, please take a look at this article.
Let me know if that helps.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
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