App Builder

Page Blocks

Updated: January 28, 2021

Page Blocks are the web pages the end-user clicks through in your app. Your app must have at least one Page Block.

Each Page Block is presented to the end-user in the order in which you sequence them in the App Builder:

Page Blocks vs. Logic Blocks

Page Blocks are the visible "front-end" of your app. Logic Blocks are the invisible "back-end." Simple apps may not have any Logic Blocks, but all apps must have at least one Page Block.

Because Logic Blocks are invisible, it does not matter how you sequence them in the App Builder.

You can toggle between viewing all blocks, only pages, and only logic: 

How to conditionally display Page Blocks

By default, every Page Block will be displayed to the end-user in the order they are arranged. You can add conditional logic to a Page Block to  display it only under certain conditions.

To add "display if..." logic to a Block, simply click the "display if..." toggle:

Clicking this toggle allows you to edit a logical expression. If that logical expression is true (or, as we say, if it "evaluates to true"), then and only then is the Page Block displayed to the end-user.

You can learn about editing logical expressions here.

Types of Page Blocks

There are many different types of Page Blocks, each with their own purpose:

  • Question Block: By far the most common type of Page Block in your App. Question Blocks allow you to ask the end-user one or more questions. All Question Blocks must have at least one question on them.
  • Info Block: On this Block, the end-user can read information and simply click "continue". There are no questions on an Info Block.
  • Signature Block: Collect an e-signature using the default Afterpattern signature feature.
  • HelloSign Block: Collect an e-signature using HelloSign, a popular e-signing product that creates an audit trail of all signatures. Learn more about HelloSign Blocks here (TO DO).
  • Payment Block: Collect a payment from the end-user with either Stripe or LawPay.
  • Final Block: This concludes your App. Your App must have at least one Final Block; it is very likely that your App will have many.
  • Background Block: These are a special kind of Page Block that is not visible to the enduser of the app but that triggers actions like sending data to a database (e.g. a Workbase) or sending an email. Although background blocks are invisible, they otherwise behave like other types of Page Blocks. Importantly -- and unlike with Logic Blocks -- the order you put a Background Block in determines when the action or actions it triggers run.

Intro to repeating Page Blocks (loops)

You can collect a set of Page Blocks into a "loop." These Page Blocks will be presented to the end-user over and over, as long as the end-user opts to continue the loop. This is how we allow you to collect information about X number of things.

The classic example for a loop is collecting information about an end-user's children. In Afterpattern apps, you can't ask the end-user "how many children do you have?" and then use their response to determine how many times you ask for a child's name and social security number. Instead, you must use a Loop Section.

You can learn more about loops here.

Contact us for support

Talk to a real person, quickly. We're available 9am - 5pm EST.