# Exercise 8.10: Create a custom layout

User profiles currently list all content in one column. In this exercise we’ll re-arrange the profile information into two columns. We’ll change the layout of user profiles using **Display suite**.

1. Review the current layout. Click on a member profile.

   <img src="/files/HqxNpI4ag9vd1H81Vi4G" alt="Image of User profile" data-size="original">
2. Go to *Administration* → *Configuration* → *People* → **Account settings** and click **Manage display** tab.

   You’ll see that the *secondary tabs* are missing and we cannot select a custom *view mode*. Let’s separate our display into a custom view mode **User account**. This separation could allow us to reuse the new *View mode* later on, if we needed to.
3. Click the **Custom display settings** vertical tab and select to enable the **User account** view mode:

   <img src="/files/wAElXviuhmWaDViBoi4y" alt="Image of enable the User account view mode" data-size="original">
4. Scroll down and click **Save**. After saving your changes, you’ll notice the *secondary tabs* appear, allowing you to switch to customise the **User account** view mode:

   <img src="/files/eb9KHTD8uUcRuvIpit9C" alt="Image of Manage display with secondary tabs" data-size="original">
5. Click the **User account** tab.
6. Change the layout to Two columns (Display suite):

   <img src="/files/JXrM1y1f2EmbrHKOIoJu" alt="Image of Layout for User in full" data-size="original">
7. After saving your changes, review the **Field** section, you’ll see that it now shows additional regions, such as:

   * Left
   * Right
   * Disabled (this special area shows any fields excluded from display)

   <img src="/files/DSAS6ovz7MlZVOLbP7VK" alt="Image of additional available regions" data-size="original">

   The **Current layout** thumbnail shows the layout of current view mode

   <img src="/files/tMjR741tuHGVy4DYkmVw" alt="Image of additional available regions" data-size="original">
8. When the manage display page reloads, you can reorder the fields to match the screenshot:

   <img src="/files/lq6w7v7VRs5Ye9HsiLO1" alt="Image of Manage display field ordering" data-size="original">
9. Move any fields not shown in the screenshot into the disabled region.
10. Adjust label display as displayed in the screenshot above.
11. Save your changes and review the outcome by reviewing your own profile page

![Image of update User profile page](/files/HqxNpI4ag9vd1H81Vi4G)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://salsa-digital.gitbook.io/govcms-site-builder/unit-8-site-building-exercises/employee-list-and-custom-profiles/exercise-8-10-create-a-custom-layout.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.