The look and feel of DayBack is controlled through a CSS file which you can edit to alter the calendar's appearance and match the colors used in your own file.
Each CSS file is a unique theme for the calendar. You'll find tips for editing themes and a nice walkthrough video here: Editing Themes.
Smart quotes (" ") are not compatible with CSS strings and will render the values invalid. When editing CSS themes in FileMaker, make sure to disable Smart Quotes (File Options -> Text -> Use smart quotes). Your opening and closing quotes should look identical in the editor (" ").
Most of the mods which follow are about styling the calendar's interface and how events are rendered. If you're interested in calculating the style of event content (like making a customer's name bold, or adding a caution icon if the meeting is about errors) check out Event Styles.
Can I Load Different CSS for Each User?
Yes. By modifying just one script you can add CSS specific to certain users. This only runs at startup, so if you are having users log in and out of your solution after startup, you'll want to run DayBack's "Upon Opening" script after each login change.
Don't forget to include the regular CSS at the end, in the last two lines which reference the CalendarInterface::ExportGlob. You'll find examples of some common CSS changes below.
Add the CSS below into the body of your CSS file in DayBack. One tip: add the css somewhere in the middle of the existing CSS, not as the first line.
Can I increase the font size for events so they are easier to read?
Yes. Add the following lines. The first changes all the views except horizon; the second class changes the horizon view.
Hiding the tabs is easy. Here's the code to hide Filters and Calendars, resizing Settings. Add the following near the bottom of DayBack's CSS file, right above the line "/* !-- Additions Block Do Not Remove - More Classes --> */"
Can we change the color of the highlight for the current day?
Can I make the button to show and hide the sidebar more obvious?
At this link, you'll find a list of icons that can be used in DayBack. Once you find an icon you'd like to use, copy the icon's code, such as "&#xf015". Then, follow the form above, replacing the "&#x" with "\", changing any of the icon placeholders or adding new lines for icons not listed.
Can I shade a particular time ranges, like from noon to 2pm when we're closed for lunch?
Notice how all the rows I want to change are separated by commas. The actual row numbers you'll use will depend on what your "earliest time" setting is, and what your "time scale" is set to. So add the code above and then see where you are, moving the row numbers up and down to find the rows that work for your settings.
The shaded area will move to other times if users change these "earliest time" and "time scale" settings in DayBack's left hand sidebar.
While you can't pull this for only some users, you can remove it entirely. (Remember that these statuses are records in FileMaker's CalendarColors table, so you can apply access privilege rules to that table if you only want some users to be able to add statuses).
How can I remove the word "Saved" from the message bar after making changes to the event?
Some users have expressed confusion with the word "Saved" appearing on the message bar when the entire bar acts to undo changes to an event.