We’re about to launch a new in-app update to DayBack that will include a new look for the sidebar header. This new version is much easier to modify with CSS for folks who want to remove tabs, rename tabs, or switch between icons and text for the tab labels. We also think it makes it more obvious that users can close and open the sidebar.

If you’re already using DayBack and don’t like the new look, you’ll find notes and CSS below that will let you revert to the old style. This preview and the instructions below are for you.

Here’s what the new header will look like. The current version is on the left, and the new version is on the right:

Getting the New Sidebar Look

The new sidebar will be available as an in-app update in the next day or so.

Changing Back to the Old Version

If you’d like to revert to the old style, add the CSS below to DayBack and you should be all set. If you haven’t edited DayBack’s CSS before, you’ll find detailed instructions here: Editing Calendar Themes.

A few more notes for existing users who want to keep the old style:

• If you removed tabs using your own CSS, those tabs should stay gone in the new version as the class names are the same. You likely changed the widths of the remaining tabs to get things to look right, and that’s likely not necessary now: try removing those width changes once you’ve updated to the new sidebar.

• If you made your own styling changes, you can likely recreate those using a combination of the CSS above and the changes you already made. Please let us know if you get stuck.

• The new sidebar puts a blue circle around the filters icon (the magnifying glass) when you have filters applied. We found that users would sometimes forget that they’d applied a filter and then wondered why some events weren’t showing up. This should help.

• DayBack Online is getting a similar sidebar refresh, so if you’re using shares and don’t want to use the new sidebar in your shares, you can use the same CSS above to revert DayBack Online. Notes for changing the online CSS are here.

Tagged with →  

4 Responses to Preview – New Sidebar Header for DayBack

  1. Eric says:

    Love the progress here! Does this mean there is a redesign to the mini-calendars coming soon too?

    • seedcode says:

      Thanks, Eric! Hadn’t planned on tackling those mini calendars, though I would like to make some changes there (like showing the calendars date range so you can see the week/range you’re viewing a get it’s context inside those three months). Is there something specific you’d like to see us change in those mini-calendars?

  2. Mattina says:

    Looks great! Could you please share, where to change the background and the indicator color in the CSS? Thanks.

Leave a Reply

Your email address will not be published. Required fields are marked *

Share →
DayBack Calendar
DayBack's 30-day trial is unlocked so you can customize it and integrate it with your files.
Download DayBack and we'll send you a couple short emails with tips on how to modify it and use some of the coolest features.
Thank you! Please download: DayBack Calendar
Need More?
SeedCode tips & example files in your inbox
Need More?
SeedCode tips & example files in your inbox
Want More?
Be the first to see articles and tips like these
Download TimeZync and we'll send you a couple short emails with tips syncing your FileMaker Go files.
Thank you! Please download: TimeZync
Want More?
Be the first to see articles and tips like these