Skip To Content
Back to Help Center

Hiding Buttons from the Calendar Details popup using Visualforce Page

If you are looking to hide certain buttons from the Calendar Details pop-up create a simple VF page and include the following codeĀ  just below the <apex> tag


<apex:page showHeader="true" showChat="false" sidebar="false">
<SLCA2:calendar namespace="SLCA2"
calendar=""
createable=""
urlparams=""
>

<style>
div.CA_popup div.CA_event_detail div.buttons > span[data-action="edit"],
div.CA_popup div.CA_event_detail div.buttons > span[data-action="Details"],
div.CA_popup div.CA_event_detail div.buttons > span[data-action="Close"],
div.CA_popup div.CA_event_detail div.buttons > span[data-action="delete"],
div.CA_popup div.CA_event_detail div.buttons > span[data-action="menu"] {
display:none;
}
</style>
</SLCA2:calendar>
</apex:page>

Just remember that copying this example code will remove ALL buttons from the pop-up. Be sure to include only those buttons that you need to hide.

We don't support Internet Explorer

Please use Chrome, Safari, Firefox, or Edge to view this site.