---
title: "Total View Layout Management"
canonical: "https://kb.webcockpit.app/en/documentation/modules/overview/total-view-layout-management"
updatedDate: 2026-01-29T00:00:00.000Z
description: "Total View Layout Management module documentation."
tags: ["modules", "general", "layout-management"]
---

import { Image } from "astro:assets";
import totalViewImg from "./images/Screenshot-2026-01-29-at-08.57.03-e1769673598255.png";
import layoutsPanelImg from "./images/Screenshot-2026-01-29-at-09.06.47-1024x567.png";
import updateViewImg from "./images/Screenshot-2026-01-29-at-09.08.36.png";
import newLayoutImg from "./images/Screenshot-2025-08-07-at-08.38.27-1.png";
import layoutInfoImg from "./images/Screenshot-2026-01-29-at-09.40.13.png";
import createEditLayoutImg from "./images/Screenshot-2025-08-07-at-09.04.22-2-1024x242.png";

## Description

This module shows a list of all layouts. New layouts can be created and existing ones edited.

There are three types of layouts:

- Private (own Layouts)
- Those shared by another user within the organisation
- System Default (market specific layouts)

## Change Layout

<StorylaneEmbed src="https://app.storylane.io/demo/vaevhrfumyfu" />

To switch up your view, click the "Layouts" button located on the Total View page.

<Image
  src={totalViewImg}
  alt="Total View"
/>

A list of available layouts will appear in the right-hand panel. Simply click an item to select it.

<Image
  src={layoutsPanelImg}
  alt="Total View Layouts Selection Panel"
/>

To save your choice, don't forget to click "Update View" at the bottom of the panel.

<Image
  src={updateViewImg}
  alt="Update View button"
/>

## Create/Edit Layout

<StorylaneEmbed src="https://app.storylane.io/demo/olmilk6ftn5i" />

A new layout is created by clicking on the following button.

<Image
  src={newLayoutImg}
  alt="Create new layout button"
/>

Once on the dedicated page, user can edit the name of the layout and change the visibility (Private, Shared with Organisation or Shared with Market).

<Image
  src={layoutInfoImg}
  alt="Layout Info"
/>

To add a new section, click the "Add Section" button. This creates a new row where you can name your section. Then, use the "Assign Rows" button to choose items from a list and add them to that section, by using checkbox.

<Image
  src={createEditLayoutImg}
  alt="Create/Edit Layout process"
/>

<Availability
  title="Availability"
  subscriptionLabel="Subscription"
  subscription="Basic"
  scopeLabel="Scope"
  scope="All markets"
  limitationsLabel="Limitations"
  limitations="-"
/>