Calendar: (2) Design

Design: Badges

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

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---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 - 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 summary 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 -- Use calendar color as accent color (GCal)

Use your color choice from 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 or 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 this week

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: 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.

Written by Jason Alexis
Updated over a week ago

Design: Fonts - Event title size

Increase / decrease the font size of your event titles.

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 for event lists and all calendar views.

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