# Activating Varbase Layout Builder for Content Types

The logical use for Varbase Layout Builder configs is with the **"Full Content"** display mode for most planed content types. If the Content type has an access permission for users to open a page with a URL to see the full content. It's better to activate the Layout Builder for the default layout for that full content.

## Steps to Activate

### Create a New Content Type

**Example:** Let consider creating a ***"Post"*** content type

* Go to *`"/admin/structure/types/add"`* link to add a new content type
* Fill in *`"Post"`* in the *"Name"* field
* Fill in ***"**&#x55;se the Post to add posts to the website. So that they will show up under the posts site section."* in the *`"Description"`* field
* Press the *`"Save and manage fields"`* submit button to create the content type
* Then the website will be directed to the ***"Manage fields"*** page
* Add more fields as needed for the project

### Enable the Full Content display mode

* Go to "/admin/structure/types/manage/post/display" page&#x20;

![Manage Display for the Post Content Type](/files/-Mg1FNQaP3PIaee8lHHK)

* Click on "Custom display settings" tab to show the list of view modes

![Use custom display settings for the selected view modes ](/files/-Mg1FyDO3FSGRtf42ssA)

* Check the "Full content" checkbox  and press save to activate it

![Full Content display tab for the Full content view mode](/files/-Mg1GDZxczBP781AS8Z9)

* Check the "Use Layout Builder" under the "Layout options" settings group and press save

![Use Layout Builder](/files/-Mg1H-VjSveqZ3JmHL1Q)

![After Activating the Use Layout Builder](/files/-Mg1HTOtqZ1PTBdlXTAT)

* Select the following layouts from "Layout available for sections" and press save
  * ***Bootstrap 1 Col***
  * ***Bootstrap 2 Cols***
  * ***Bootstrap 3 Cols***
  * ***Bootstrap 4 Cols***
  * ***Bootstrap 6 Cols***

![Select the Default Supported Varbase Layout Builder Layouts](/files/-Mg1Hbx_aISFbEzFlHeO)

* Click on the "Manage layout" button to change the default layout for the "Full content" display

![Manage layout for the Full Content Display Mode](/files/-Mg1KDWLHuw_W1DNuor-)

* The default set of fields as a block are placed in a default section will show up

![Edit Layout for Post Content Items](/files/-Mg1Kz8T1X9tRiuVKMHl)

* Add Section to choose a layout for new sections

![Choose a Layout for New Sections](/files/-Mg1LgrNWmnuvgPJwTUF)

* On choosing the "Bootstrap 2 Cols" section layout. Another styling settings tray options will show up to configure the section

![Configure Bootstrap 2 Cols Section](/files/-Mg1MTh5SQm0ynVj1A7m)

* Set the desired Layout options, Styling options then click on the "Add Section" button in the setting try

![Add Section After Configuring Section Styling options](/files/-Mg1OUoZKdPlFamvyhOS)

* Important to manage to have only the supported Varbase Layout Builder layouts. having the "Moderation control" field in a section with Bootstrap 1 Col layout, and the Body and other fields or needed blocks in other sections.

![ Placeholder for the "Moderation control" Field in a Section with Bootstrap 1 Col Layout](/files/-Mg1QGumLZr3M9om1GHo)

## Full Example with Code and Configs

{% hint style="success" %}
[**Varbase Blog**](https://www.drupal.org/project/varbase_blog) is the standard example for how a content type could be configured, then packaged to work with **Varbase.** Using Varbase Layout Builder default configs.

Use the learn by example method. In case of wanting to create a custom Varbase compatible features.
{% endhint %}

{% hint style="success" %}
Have a look at the default configs and code for **Varbase Blog**

[https://git.drupalcode.org/project/varbase\_blog](https://git.drupalcode.org/project/varbase_blog/-/tree/9.0.x)
{% endhint %}

![Edit Blog Site Section Layout](/files/-Mg1VOPz6DzmL96NWDmy)

<div align="center"><img src="/files/-Mg1Uv-nPT3lArjQzfAZ" alt="Edit Layout for Blog Post Content Items"></div>

{% hint style="success" %}
Install **Varbase Blog** in a **Varbase site.** It comes with Varbase by default.

Have a look at the default **Varbase Blog** configs. Manage custom content types using the same configs.
{% endhint %}

{% hint style="info" %}
Have a quick look at the following link. More enlightenment on how to use Varbase Layout Builder.

[**Issue #3163199: Switch Blog section, Blog post, Blog categories, and Tags to use Varbase Layout Builder**](https://www.drupal.org/project/varbase_blog/issues/3163199)
{% endhint %}


---

# 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://docs.varbase.vardot.com/10.1.x/developers/configuring-a-varbase-site/using-varbase-layout-builder/activate-varbase-layout-builder-for-content-types.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.
