Design: Frame and cells -- Border

Design the border around your Tiles to suit your church culture or branding.

Piotr Poźniak avatar
Written by Piotr Poźniak
Updated over a week ago

This article covers the design elements in the Border sub-section within the Frame and cells section in the Design tab.

General overview

You can add a border around each tile. That is done in Design - Tiles - Presentation - Show border around tile

You can also add a border around your entire Tiles view. That is what we are speaking about here.

Here is a Tiles view without a border:

Now, we have added a border:

Where to find these design elements

Once you are editing your Tiles view calendar...

  1. Click on the Design tab.

  2. Open the Frame and cells section.

  3. Scroll down to the Border sub-section.

As of 2024.01.12, there are 4 design elements to make your border more eye-catching and harmonious with your church culture or branding:

Show border

Toggle on this option to add a border and show further design options.

Border color

The image above shows the border in the default color.

Now we have changed it to a light blue (see image above).

If you are not yet familiar with how this works, here is the walkthrough.

You can also use a CSS or Hex value in Custom color value to change the color (see image above).

This is especially useful when matching colors on your church website.

Border width

The default border width is one pixel. However, you can also have the size measured in %, EM, and REM.

In the image above, the border width is one pixel.

Hover over the right-hand side of the input line to reveal arrows to increase / decrease your border width.

The border width in the image above is 3 pixels.

Border rounding

The default border rounding is 8 pixels. However, you can also have the size measured in %, EM, and REM.

In the image below, the border rounding is 8 pixels.

Hover over the right-hand side of the input line to reveal arrows to increase / decrease your border rounding.

The border rounding in the image above is 30 pixels.

Did this answer your question?