Calendar: (2) Design

Design: Fonts - Card event summary

Increase / decrease the font size of your event summaries in your calendar view.

Written by Jason Alexis
Updated over a week ago

Design: Badges

Part II of using and designing recurring and featured event badges.

Written by Jason Alexis
Updated over a week ago

Design: Fonts - Card event title

Increase / decrease the font size of your event titles in your calendar view.

Written by Jason Alexis
Updated over a week ago

Ninja trick: Create images for Breeze events

Here's how to give your Breeze events images.

Written by Jason Alexis
Updated over a week ago

Ninja trick: Create images for GCal events

Attachments can add images to Google calendar events.

Written by Jason Alexis
Updated over a week ago

Using the custom color picker

Does it say "Custom color picker" or just "Custom"? Here's how to use that option wherever you see it.

Written by Jason Alexis
Updated over a week ago

Design: Frame and cells---Aggressive responsiveness

How will your calendar view look when you resize your screen - make the app window bigger or smaller? Control that with this design item.

Written by Jason Alexis
Updated over a week ago

Design: Frame and cells---Card hover effect

What happens when you hover over a card.

Written by Jason Alexis
Updated over a week ago

Design: Frame and cells---Card corner rounding

The roundness of the corners of cards.

Written by Jason Alexis
Updated over a week ago

Design: Frame and cells---Card left and right margin

The left/right margins around cards.

Written by Jason Alexis
Updated over a week ago

Design: Frame and cells---Cards per row

The number of cards per row.

Written by Jason Alexis
Updated over a week ago

Design: Frame and cells---Cells border color

Color of the border around the cells.

Written by Jason Alexis
Updated over a week ago

Design: Frame and cells---Cells color

Set the color of the cells.

Written by Jason Alexis
Updated over a week ago

Design: Frame and cells---Frame width + Compact view

Increase the frame [blank space] around your calendar/events views. and/or Make the view more compact.

Written by Jason Alexis
Updated over a week ago

Design: Frame and cells---Frame color

Setting the frame color.

Written by Jason Alexis
Updated over a week ago

Design: Days and Dates - Selected day highlight

Set the highlight of the current / selected day.

Written by Jason Alexis
Updated over a week ago

Design: Days and Dates - Selected day color

Set the date color of a selected day.

Written by Jason Alexis
Updated over a week ago

Design: Days and Dates - Current and Selected day accents

Set the color of the accent bar on today's date and/or another date of interest to you.

Written by Jason Alexis
Updated over a week ago

Design: Days and Dates - Date background hover color

This is the pointer hover color (aka mouseover color) of the background in your calendar.

Written by Jason Alexis
Updated over a week ago

Design: Days and dates - Date hover color

This is the pointer hover color (aka mouseover color) of the dates in your calendar.

Written by Jason Alexis
Updated over a week ago

Design: Days and dates - Date color

This is the color of the dates in your calendar.

Written by Jason Alexis
Updated over a week ago

Design: Days and Dates - First day of week

Choose which day begins your week.

Written by Jason Alexis
Updated over a week ago

Design: Days and Dates - Day name hover color

This is the pointer hover color (aka mouseover color) of the names of the days of the week.

Written by Jason Alexis
Updated over a week ago

Design: Days and Dates - Day name color

This is the color of the names of the days of the week.

Written by Jason Alexis
Updated over a week ago

Design: Headers and links -- Show filter names & Filters

Choosing the filters to appear when someone toggles on the Filters Toggle Switch. Info for all integrations.

Written by Jason Alexis
Updated over a week ago

Design: Headers and Links - Filters (PCO)

Give Planning Center filtering options to your calendar / events list viewers.

Written by Jason Alexis
Updated over a week ago

Design: Headers and Links - Allow changing weeks

Show only one week or allow viewers to scroll between weeks.

Written by Jason Alexis
Updated over a week ago

Design: Headers and Links - Filters (CCB)

Give Church Community Builder filtering options to your calendar / events list viewers.

Written by Jason Alexis
Updated over a week ago

Design: Headers and Links - Show month

Show the name of the month....or don't.

Written by Jason Alexis
Updated over a week ago

Design: Headers and Links - Open links in new tab

Open links in new tab so your calendar stays open.

Written by Jason Alexis
Updated over a week ago

Design: Headers and Links - Show filter names (CCB)

Show or hide the names of the Church Community Builder filters you chose in Setup.

Written by Jason Alexis
Updated over a week ago

Design: Events - - Show event description

Explain more about the event...or not.

Written by Jason Alexis
Updated over a week ago

Design: Events - - Show summary text above event description

PCO Partners: Display the info in the PCO Summary field...or not.

Written by Jason Alexis
Updated over a week ago

Design: Events - Show summary header on pop-up

If your event details are displayed as a pop-up, show / hide the summary.

Written by Jason Alexis
Updated over a week ago

Design: Events - - Event details - - Recurring Events (Times, Series)

Show more information about the days, dates, and times of recurrent events.

Written by Jason Alexis
Updated this week

Design: Events -- Use calendar color as accent color (Breeze & GCal)

Use your color choice from Breeze or Google calendar to accent your events.

Written by Jason Alexis
Updated over a week ago

Design: Events -- Use tag color as accent color

If your event has a tag in Planning Center (PCO), that tag has a color. Use it here.

Written by Jason Alexis
Updated over a week ago

Design: Events - Show Timezone next to event time

Event times are displayed in the user's local time. To highlight this, show the user's timezone.

Written by Jason Alexis
Updated over a week ago

Design: Events - Image aspect ratio & Image object fit

Written by Jason Alexis
Updated over a week ago

Design: Events---Show day of the week in event list/grid

Show/hide weekday names in event lists and grids.

Written by Jason Alexis
Updated over a week ago

Design: Events---Show date in card

If the event has a date, show it or not.

Written by Jason Alexis
Updated over a week ago

Design: Events---Show description in card

If the event has a description, choose to show it...or not.

Written by Jason Alexis
Updated over a week ago

Design: Events---Card View Date Location

Select placement of dates on card images.

Written by Jason Alexis
Updated over a week ago

Design: Events---Show event location + Link location to Google Maps

Does your event have a location to display? Show it (or not). If you do, perhaps include a link to Google maps.

Written by Jason Alexis
Updated over a week ago

Design: Events---Show location in card

Choose to show an event location on the card itself (or not).

Written by Jason Alexis
Updated over a week ago

Design: Events - Show image when available

Does your event have a image to display? Show it (or not).

Written by Jason Alexis
Updated over a week ago

Design: Events - Infinite scroll

Display just a month's worth of events or endless events.

Written by Jason Alexis
Updated over a week ago

Design: Events - Show Add to calendar

Display or hide options to add to personal or app calendars.

Written by Jason Alexis
Updated over a week ago

Design: Events - Show Share options

Display or hide sharing options for desktop and mobile.

Written by Jason Alexis
Updated over a week ago

Design: Events - Number of events

Show past, current, and future events or only current and upcoming ones.

Written by Jason Alexis
Updated over a week ago

Design: Events - Show Organizer + Show Organizer name as link

Display the name of the event organizer. Option to also make the name a link (URL) such as email or web page for further information.

Written by Jason Alexis
Updated over a week ago

Design: Events - Event details as accordion or pop-up

Display your event details in accordion format or as a pop-up (modal).

Written by Jason Alexis
Updated over a week ago

Design: Events - Hide events list

Choose not to show your events list.

Written by Jason Alexis
Updated over a week ago

Design: Events - Events list modal

Choose to show more event details as a modal (pop up screen).

Written by Jason Alexis
Updated over a week ago

Design: Events - Number, details, names

Show information about the events

Written by Jason Alexis
Updated over a week ago

Design: Events Listing/Details Colors -- RSVP

Does your event have an RSVP form? This article shows you how to change the colors of reply buttons (YES, NO, MAYBE) & the text inside them.

Written by Jason Alexis
Updated over a week ago

Design: Events Listing/Details Colors - Details (Schedule)

Schedule header background, Schedule header, Schedule item background, Schedule item text, Schedule item circle, Schedule item left border

Written by Jason Alexis
Updated over a week ago

Design: Events Listing/Details Colors - Details (Description, Share link)

Background, Link, Link hover, Share link, Share link hover, Share link background hover

Written by Jason Alexis
Updated over a week ago

Design: Events - Show event time

Show or hide time information in your event details.

Written by Jason Alexis
Updated over a week ago

Design: Events - Show event schedule

Show or hide the full schedule of an event in your event details.

Written by Jason Alexis
Updated over a week ago

Design: Fonts - Event details size

Increase / decrease font size of event details.

Written by Jason Alexis
Updated over a week ago

Design: Fonts - Event description size

Increase / decrease font size of event descriptions in your event details.

Written by Jason Alexis
Updated over a week ago

Design: Fonts - Event title size

Increase / decrease the font size of your event titles in your event details.

Written by Jason Alexis
Updated over a week ago

Design: Fonts - Month / Year Size

Select the font size (month/yr).

Written by Jason Alexis
Updated over a week ago

Design: Fonts - Font family

Customize the font.

Written by Jason Alexis
Updated over a week ago

Design: Navigation - Filters toggle switch x 7

7 design items color the filters toggle switch and filters background.

Written by Jason Alexis
Updated over a week ago

Design: Navigation - Month selector x 5

5 design items which color the month

Written by Jason Alexis
Updated over a week ago

Design: Navigation - Selected date

Change the color of the month + year

Written by Jason Alexis
Updated over a week ago

Design: Navigation - Selected Option x 6

Written by Jason Alexis
Updated over a week ago

Design: Slider --- Auto play

Automatic, timed scrolling through your event slides.

Written by Jason Alexis
Updated over a week ago

Design: Slider --- Loop slides

Create a continuous loop of event slides.

Written by Jason Alexis
Updated over a week ago

Design: Slider --- Show dots

Dots indicate that there are events before and events after. They are also good for navigation.

Written by Jason Alexis
Updated over a week ago

Design: Slider --- Center slides

Center your slides in the screen.

Written by Jason Alexis
Updated over a week ago

Design: Slider --- % of the next slide to show

Show a preview the upcoming slide...or not.

Written by Jason Alexis
Updated over a week ago

Design: Slider --- Number of slides to show

Set how many slides will show at one time in the carousel view/

Written by Jason Alexis
Updated over a week ago

Design: Forms (PCO)

Show or hide Planning Center forms which need to be completed for events. Modify description and label of shown forms.

Written by Jason Alexis
Updated over a week ago

Design: Forms (CCB)

Show or hide Church Community Builder forms which need to be completed for events. Modify description and label of shown forms.

Written by Jason Alexis
Updated over a week ago

Design: RSVP forms (CCB)

Show/hide Church Community Builder RSVP forms: who's coming and/or how many are registered. Modify description and label of shown forms.

Written by Jason Alexis
Updated over a week ago