The Detail view type displays details about a record. You can configure the view to define the image presentation, column order, quick edit columns , page navigation, and more.
This view type is used by default when an item is selected in the table, deck, and gallery view. See System-defined reference views .
Create and configure a detail view as described in the following sections.
- Create a detail view
- Configure the detail view options
- Control column order in a detail view
- Configure card blocks in detail views to optimize the desktop design
Create a detail view
To create a detail view:
- Create a view, as described in Create a view .
- Configure the detail view, as follows:
- Select detail as the View type when configuring the detail view details, as described in View details .
- Configure the detail view options .
- Configure the Display , Behavior , and Documentation settings, as described in Configure the view .
- When you are done, save your changes by selecting one of the following:
- Save - Save the app.
- Save & verify data - Save the app and verify that it is runnable based on external dependencies.
Configure the detail view options
Configure the detail View options by using the settings described in the following table.
Setting
Description
Use Card Layout
Turn on to use a card view layout for header items.
Main image
Image column to display as main image for each row.
Select a column of type Image
from the drop-down or select one of the following values:
- Auto assign ( column ) - Let AppSheet auto-assign a value. The column that is auto-assigned is shown in parentheses.
- None - Don't display an image.
Header columns
Columns to highlight at the top of each slide. For example:
Click Add and select the column name. Repeat to add another header column.
Quick edit columns
Sort by
Columns used to sort rows. Click Add and select the column name and whether to sort in Ascending or Descending order. Repeat to configure additional sort by rules.
Order to display columns, if different from the original. See Control column order in a view .
Note: Make sure that you add the Show type columns that you want to be displayed.
Style to use for the main image. See Images in a detail view .
Turn on to allow users to navigate to previous or next slides.
Layout to use when displaying details on a desktop device. Select one of the following options:
- Split view- Detail views open in a new pane to the right of the list. Users can click to expand to full screen. For example:
- Full screen- Detail views take up the full width of the page and include a breadcrumb for navigating back up the nested list. For example:
Turn on to display details using multiple columns in desktop browsers if space is available.
With the multicolumn layout, the headers, main image, and actions persist in the left column while the content in the right column can scroll.
A maximum of three columns will be displayed.
For example:
Control column order in a detail view
Control the column order in a detail view if different from the original order. See Control column order in a view .
Configure card blocks in detail views to optimize the desktop design
Configure card blocks in a detail view to optimize the display of information for the desktop design , as shown below.
To configure card blocks in detail views, add one or more Show
type columns set as the Page_Header
category to the associated table. Each Page_Header
column creates a new card block that includes all columns below it until the next Page_Header
column.
You can configure card blocks in two ways, using virtual columns or adding empty columns to your spreadsheet, as described in Improve the presentation of detail and form views using Show types .
By default, Show
type columns are only permitted in form views. To include Show
type columns in detail views, when configuring settings for detail views
turn on Include Show columns in detail viewsin the Detail viewsection.
- Mobile: Shows
Section_Header
columns only. - Desktop: Shows both
Section_Header
andPage_Header
columns.