How do I customize visibility of action buttons (Preview, Copy, Delete) in the Scheduler Editor?

The Scheduler Editor component allows you to customize the visibility of action buttons using CSS Shadow Parts.

Here's the view of when all these action buttons are enabled:

Here's how to control the visibility of specific buttons:

1. First, ensure you're using the latest version of the Scheduler Editor component
2. Add any combination of the following CSS rules to your stylesheet to hide specific buttons:

You can use any combination of these CSS rules depending on which buttons you want to hide. For example, if you want to hide just the Preview and Copy buttons while keeping the Delete button visible, only include the first two CSS rules.

Note: These CSS rules use the Shadow DOM parts API to target specific elements within the Scheduler Editor component. Make sure to apply these styles after the component is loaded.

If you have any questions or run into any issues please feel free to contact the Nylas Support Team (support@nylas.com)

Updated March 27, 2025 20:15