> For the complete documentation index, see [llms.txt](https://docs.stackerhq.com/stacker-astra/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.stackerhq.com/stacker-astra/customize-layouts/list-layout/customize-your-list-layouts.md).

# Customize your list layouts

Edit your list layouts to customize how data is presented to your users. 

1. Select the list layout you want to edit
2. Select  <img src="/files/wdsZRdiRbfz1f8eZH138" alt="" data-size="line">**Edit Layout**

## Header

Choose a photo or color to be the header of your List Layout, add a title and subtext, choose where to align the title and where the toolbar appears on the page.

<figure><img src="/files/BoC775oOcz0JqKOANdEJ" alt="" width="563"><figcaption></figcaption></figure>

### Display

Change your layout type by selecting Display . Use a [Table, Cards, Boards, or One Record Only view. ](/stacker-astra/customize-layouts/list-layout/display-types.md)

## Roles

Decide the role(s) that can or cannot view a page.&#x20;

<figure><img src="/files/aZi1FUBI0x9NXHu1QeI6" alt="" width="375"><figcaption></figcaption></figure>

## [Filters](https://docs.stackerhq.com/stacker/security/data-filters/list-layout-filters)&#x20;

{% embed url="<https://vimeo.com/1010622719?share=copy>" %}

&#x20;You can apply filters to a list layout to limit which records will show in the layout based on details about the record or user types. You can limit a list layout to only show records that meet (or do not meet) specific conditions. Filters apply to all users including admins.

<figure><img src="/files/6dZrL4qwQFxZSpVlATuo" alt="" width="375"><figcaption></figcaption></figure>

* Filters can only use the 'AND' logic. If you have many conditions, then the records must meet all conditions.
* You can filter currency, percentage, roll-up, and formula fields using number operators: **=, <, <=, >, =>** and **≠.**
* Users must have 'read' permissions for the fields used in the filter.
* You can filter using relative date filters (eg. tomorrow, this week, last quarter).
* You can use filters along with duplicating layouts to create different layouts in your navigation.

## Sort

Sort changes the order of your records in the List layout. You can sort alphabetically by a field's name, with ascending or descending values. We recommend only sorting by text or number fields.

<figure><img src="/files/aI064Qa6rJZssqbEcDjU" alt="" width="368"><figcaption></figcaption></figure>

## Inline Filters

Inline filters let your app users filter list layout records based on specific fields that you choose.&#x20;

<figure><img src="/files/3PG1feUgcXowdmW9aWSF" alt=""><figcaption></figcaption></figure>

Select **Inline filters** and choose between **Quick** or **Advanced** filters.&#x20;

**Advanced Filters**

* Allow users to choose which fields they filter by or choose the filter displayed for the user.
* Users can change operators in advanced filters.

**Quick Filters**

* Quick option for filtering data that does not have operators.
* Show all filters or choose which filters are displayed to the user.

<figure><img src="/files/fotIAfMusfelAUBWbC1L" alt="" width="346"><figcaption></figcaption></figure>

## Inline Sorting

Allow end users to choose how they sort by enabling "Inline sorting".

<figure><img src="/files/spnWx4iUkXirTfj4GmFc" alt="" width="563"><figcaption></figcaption></figure>

## Advanced Settings

#### Advanced options: allow users to download data&#x20;

Toggling this setting on allows end users to download the list layout to a CSV. Only fields shown on the layout will download.&#x20;

{% hint style="warning" %}
When using the spacious header, it is not possible to show the download button to end users
{% endhint %}

#### Duplicating list layouts

Use the<img src="/files/mehujy0WSKW7sK5VFERl" alt="" data-size="line">duplicate layout icon to duplicate a list layout to create multiple views of the same table.

1. Select the<img src="/files/mehujy0WSKW7sK5VFERl" alt="" data-size="line">duplicate layout icon
2. Give your new layout a name
3. Save

<figure><img src="/files/xbvyFDbvw6E7NjcaSt1H" alt="" width="375"><figcaption></figcaption></figure>

This will create a sub navigation item on your navigation.&#x20;

<figure><img src="/files/lDIA7yXI4sHnzrJhkynn" alt="" width="375"><figcaption></figcaption></figure>

#### Edit layout name

Select the three dots on the top right to edit the layout name.

<figure><img src="/files/GvqCOoVGLhAzQJT2BT1b" alt="" width="375"><figcaption></figcaption></figure>

#### Delete Layout

Delete your duplicated layout by selecting the three dots on the top right.&#x20;

<figure><img src="/files/nHlP7WvErG5ue5Ruy6AA" alt="" width="375"><figcaption></figcaption></figure>

## Content

Show all fields or choose fields to display, then toggle on the fields you want to display on your list layout. Use the <img src="/files/Fq5iRVCXY8AdvIillKGz" alt="" data-size="line"> pencil icon next to the field to change or hide the label, change the icon, or treat as a URL it is displayed or to add as a calculation above the table.&#x20;

Drag-and-drop fields to rearrange them on the layout.&#x20;

<figure><img src="/files/QxMTTuOtweG3UyICQtEw" alt="" width="375"><figcaption></figcaption></figure>

Calculations can show sums or averages of number fields or count how many records have an empty or not empty field.

<figure><img src="/files/4diEFLA8pciO4mABFX2s" alt="" width="563"><figcaption></figcaption></figure>

## Actions

Place action buttons on your list layouts allowing users to make record updates. Show actions as buttons or options in a drop down menu:&#x20;

<figure><img src="/files/c2JaY8I2QmQKkzwO3U3x" alt="" width="313"><figcaption></figcaption></figure>

First create an [Action button. ](/stacker-astra/ai-and-automations/action-buttons.md#create-action-buttons-in-list-layout-0-0)

#### Enable Action Buttons

1. Click the **Actions** tab
2. Select to show as **button** or in the **dropdown**
3. Toggle the button on
4. Use the eye icon to set conditional visibility&#x20;

## Actions -  System Buttons

The system buttons are the three dots that appear when hovering on a record and allow quick actions

1. Go to the List Layout
2. Click the three dots on the record
3. A drop down will appear&#x20;
4. Select what field you want to update or other action buttons

<figure><img src="/files/M1h9PhYjPieClVC7wPou" alt=""><figcaption></figcaption></figure>

Toggle the options that you want to appear on the system buttons menu and set up conditional visibility:

<figure><img src="/files/5GiLxBJOBjPo53oZuGei" alt="" width="371"><figcaption></figcaption></figure>

### Click Record Action

Choose what happens when a user clicks on a record by choosing from the **Click Record Action** dropdown.&#x20;

* Open Full Page
* Open as Preview
* Open in New Tab
* None&#x20;