What is the AB Courtyard App All About?

The Welcome Screen

On the Welcome Screen, you will see a variety of places to navigate to get information and tools to help you with your patio wall project. Starting in the center of the screen you can watch a quick video "What is Courtyard" that introduces the AB Courtyard Collection

What is Courtyard

Inspiring Ideas Photo Gallery

Get those creative juices flowing with "Inspiring Ideas". These project photos we have you dreaming big on your own outdoor space. Select a category and browse through the different projects fit to inspire your own design ideas.

Inspiring Ideas


How Courtyard Works?

Learn everything you need to know about how these building blocks go together. See drawings and videos that show how to use each of the blocks as well as examples that demonstrates the flexibility of AB Courtyard.

Courtyard Reference Guide


Design and Estimate

Step 1- Determining the Size of Your Project

The opening screen has a preset box (shaded area) on a grid. This shaded area is not the size of your yard, but simply the area in which you will be building your project. You can customize this area in several ways:

  • Using the dots at the corners drag shaded area diagonally or use the dots between the corners drag shaded area horizontally or vertically
  • Tap on the dimension box and enter the dimension manually
  • To move the shaded area on the screen, tap the center of the box and drag it to a new location on the grid.

Use the measuring tape button to switch between English units and Metric units.

Use the question mark to find more help.

Navigate to the next screen by clicking the green arrow at the top right.

Design and Estimate Step 1
Design and Estimate Step 1

Step 2- Adding Walls

Choose the sides that will have walls on them. Select the arrow(s) that correspond with the side(s) you choose.

Once the arrow is selected, the side will be highlighted. To deselect a side, simply tap the corresponding arrow.

Use the question mark to find more help.

Navigate to the next screen by clicking the green arrow at the top right.

Design and Estimate Step 2
Design and Estimate Step 2

Step 3 - Adding Entryways/Openings

Openings can be located to the right, left or center in each wall. Choose the walls that will have entry points and select the arrow(s) that correspond with the section(s) you choose.

Once the arrow is selected, an opening will appear. To deselect an opening, simply tap the corresponding arrow.

You can adjust the location and the width of each wall section and its opening by entering the dimensions into the corresponding box.

Use the question mark to find more help.

Navigate to the next screen by clicking the green arrow at the top right.

Design and Estimate Step 3
Design and Estimate Step 3

Step 4 - Adding Design Elements

On this step you can make a variety of changes to your project to customize your design to fit your needs.

Design and Estimate Step 4
Design and Estimate Step 4

As you will see, this screen defaults to show posts at the ends of each wall and at any openings that are present.

The posts can be changed to other elements by simply tapping the post to change it to the next design element (example: changing post to a corner or curve).

Tap the blue circles to change back to a post or to choose a different element.

You can add additional posts to each wall by tapping on the corresponding arrow. Then add the number of additional posts you want to add in the box. If you add one post it will be placed in the center of the wall. If more than one is added they will be centered and spaced evenly through the wall.

Posts that are located within the center of the wall can be moved or adjusted along the wall panel by tapping and dragging the post containing the red dot.

Use the question mark to find more help.

Navigate to the next screen by clicking the green arrow at the top right.

Design and Estimate Step 4
Design and Estimate Step 4

Step 5 - Adjust the Height of Walls and Posts

Adjust height walls and posts
Add Caps

Adjust the height of all walls or all posts together by entering the heights in the corresponding box located in the center of the project area. To adjust a wall or post individually, simply tap on the corresponding element and enter the height in the box.

Add or remove caps from your project by toggling the switched for wall caps and post caps in the center of the project area.

Use the question mark to find more help.

Navigate to the next screen by clicking the green arrow at the top right.

Design and Estimate Step 5
Design and Estimate Step 5

Step 6 - Your Basic Estimate

This step shows a basic estimate of the blocks you will need to build your project. You will see images of each of the block shapes and the number of each you will need.

The number of blocks that will need to be cut and the location of their cuts is also included.

Navigate to the next screen by clicking the green arrow at the top right.

Navigate to the next screen by clicking the green arrow at the top right.

Design and Estimate Step 6
Design and Estimate Step 6

Step 7 - Get a Custom Detailed Estimate

Design and Estimate Step 7

Submit your project design to Allan Block and receive a FREE detailed estimate and design package in your inbox. Drawings, block estimates, a list of local distributors and more are included.

**Please note: Allan Block does not distribute or sell any email addresses.


More Resources

More Resources

With Allan Block, there is always more. Check out the additional resources and products available. Get info from the Allan Block website, download eBook version of your favorite literature and find a store location near you. Let Allan Block help you build the outdoors of your dreams.