Pages

Every exceptional user experience in Skuid starts with a Skuid page—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:

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 the user’s experience 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. Users can view, search, sort, or filter those records, and add, edit or delete records—all on that one page.
  • Need to give users a way to view the details of a single record? Create a page with a Field Editor component. Users can view and edit these records.
  • Want a handy way to let users see both a list of records and interact with individual records? Try creating a page with a Queue component and a Page Include.

Explore Skuid’s Sample Pages

A simple app might consist of a single page, but most 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:

  1. Start in Skuid Central, the page you land on when you open Skuid.

pages-intro-0

  1. Click Explore to generate the pages in your Skuid instance.
  2. Click Continue to view the Pages screen and select one of the sample pages by clicking fa-flask Preview.

The Skuid sample pages

  • Products: A sample product page complete with editable visualizations and a Table component that updates in real time. (SkuidSample_Products.)
  • Employees: Illustrates Skuid’s visualization components—Charts and Geocharts—in a human resources page. (SkuidSample_Employees.)
  • Advertisements: Use Skuid’s Deck component to read, write, and save data to a data source in a single screen. (SkuidSample_Advertisements)
  • Master: Displays the Skuid master page used in the other sample pages. SkuidSample_Master.)