Creating a Flexible Page

You create a Flexible Page manually in XML, then deploy it into Salesforce either through the Force.com Migration Tool, the Force.com IDE, or Workbench.

The Flexible Page layout and style is provided by Salesforce. There’s no custom coding necessary.

Here’s a sample of what a Flexible Page XML file looks like. This is our Deliveries app starting code, which we’ll work with in the next exercise.

Annotated Code Sample

  1. Start of the Flexible Page region. Flexible Pages can have only one region.
  2. Start of the componentInstances properties.
  3. Start of the flexipage:filterListCard component.
  4. Name of the region. Must be “main”.
  5. Master label of the Flexible Page.

Ready to give it a shot? Let’s create one for ourselves.