DayBack Behaviors, Hacks, and Extensions

Search our actions and extensions library for more options to customize your calendar

You can change the appearance of the sidebar elements, hiding some or all of the filters.
Colors, Styles and Icons

Stop Users from Changing Filters

You can copy and paste these examples into the CSS and Styles section of DayBack Admin section. See this overview of how to change DayBack CSS and Styles.

How can I hide the status or resource filters on the sidebar?

Add the following to hide the status filters
.filters-status {
    display: none;
or the following to hide the resource filters
.filters-resource {
    display: none;


How can I compress the height of status and resource filters to see more at once?

Add the following to change the height of the filters so that you can see more filter options without scrolling:
/* Compress the height of the filters in the sidebar */
.sidebar-filters .list-selector, .sidebar-filters .list-selector.selected, .sidebar-filters .list-selector-icon, .sidebar-filters .sidebar-drag-item{
  line-height: 20px;
  height: 20px;
  min-height: 20px;
.sidebar-filters .list-selector .calendarColor {
  height: 17px;
  margin-top: 2px;
.sidebar-filters .list-selector .fa-cog{
  font-size: 15px;

/* Adjust filters header block */
.sidebar-filters .header-block {
  width: 100%;
  height: 30px;
  line-height: 30px;
.sidebar-filters .header-block button {
  padding-top: 2px;

/* Adjust text filter container */
.sidebar-filters .search-wrapper {
  line-height: 20px;
  min-height: 25px;
.sidebar-filters .search-wrapper textarea{
  height: 17px !important;
  margin-top: 5px;
  margin-bottom: 0px;
.sidebar-filters .search-wrapper .fa-search, .sidebar-filters .search-wrapper .fa-times{
  margin-top: 1px;

/* Adjust selected folder indicator */ {
    bottom: 0px;
    height: 2px;


See it in action


FileMaker, Google, Mobile, Microsoft 365, Salesforce

Installation Requirements

Built In

Download Information