Pages¶
A Skuid page is an arrangement of components, models, and other resources that support a process or workflow. The Skuid page is the building block for applications, a container for features such as:
- Data components like the Table, Deck, or Form
- Visualizations and images to illustrate data
- A Responsive Grid to divide the page into sections
- Accordion, Tab Container, or Tab Set components to expand the capacity of a single page
- The ability to Upload files or filter records
- Navigation and Search features
Using Pages¶
Individual pages can be simple, with one or two components and models. Or they can have multiple elements working together to support complex processes from a single location. The components chosen determine what a user can do on the page.
Before developing the page, understand and even sketch out the process or workflow you are trying to create. This will guide how you develop the page. For example:
- Want a high-level overview listing the data? Add a Table component to the page to records in a spreadsheet-like format. End users can view, search, sort, or filter those records, and add, edit or delete records—all on that one page.
- Need to give end users a way to view the details of a single record? Create a page with a Form component. Users can view and edit these records.
- Want a handy way to let end users see both a list of records and interact with individual records? Try creating a page with a List component and a Page Include.
Note
Be conscious of whether the page you’re working with is added to the app it will be deployed within. Using a page within a deployed app’s pages without first adding it to the app could result in unexpected behaviors. See the Apps topic for more information.
Explore Skuid’s Sample Pages¶
A simple app might consist of a single page, but many business apps include multiple interconnected pages, each serving a specific purpose in the application.
To get a better understanding of how pages can be part of an effective business app, explore Skuid’s sample pages:
- Go to our SamplePages GitHub repo
- Click Use Cases
- Explore the page examples and, when you found a page you want to try out, follow the instructions that walk you through the process of installing a sample page.
We recommend installing sample pages in your Salesforce Developer Edition or Sandbox org. Why? If you install a page, like the Account Hierarchy View page, and you change data on an account record, then let’s make sure that data change happens in a developer or sandbox org - not on data in your production org!
For those who learn by taking things apart, reassembling, and iterating, then these sample pages are a good fit for your style of learning! All the sample pages are free and you can create as many versions of each page as you want.