---
title: "Be.infobox ViewHelper <f:be.infobox>"
manual: "Fluid ViewHelper Reference"
version: "13.4"
permalink: "https://docs.typo3.org/permalink/t3viewhelper:typo3-fluid-be-infobox@13.4"
source: "Global/Be/Infobox.rst"
rendered: "2026-09-30T11:30:58+00:00"
---

# Be.infobox ViewHelper `<f:be.infobox>` {#typo3-fluid-be-infobox}

![A screenshot demonstrating a complex infobox with HTML content](../../Images/BeInfoboxWithHTML.png)

ViewHelper for rendering a styled content infobox markup.

Go to the source code of this ViewHelper: [Be\\InfoboxViewHelper.php (GitHub)](https://github.com/TYPO3/typo3/blob/main/typo3/sysext/fluid/Classes/ViewHelpers/Be/InfoboxViewHelper.php).

**Table of contents**

-   [Severity states of the Be.infobox ViewHelper](https://docs.typo3.org/permalink/t3viewhelper:severity-states-of-the-be-infobox-viewhelper@13.4)
-   [Examples](https://docs.typo3.org/permalink/t3viewhelper:examples@13.4)
-   [Arguments of the <f:be.infobox> ViewHelper](https://docs.typo3.org/permalink/t3viewhelper:arguments-of-the-f-be-infobox-viewhelper@13.4)

## Severity states of the Be.infobox ViewHelper {#typo3-fluid-be-infobox-states}

The Infobox provides different context-sensitive states that
can be used to provide an additional visual feedback to the

user to underline the meaning of the information.

Possible values are in range from `-2` to `2`. Please choose a
meaningful value from the following list.

**Screenshot**

![A screenshot demonstrating all possible infobox colors and states.](../../Images/BeInfobox.png)

**Numeral values**

-   **`-2`**

    Notices (Default)

-   **`-1`**

    Information

-   **`0`**

    Positive feedback

-   **`1`**

    Warnings

-   **`2`**

    Error

**Code example**

It is considered best practice to use the states from
`\TYPO3\CMS\Fluid\ViewHelpers\Be\InfoboxViewHelper` together with the
[Constant ViewHelper \<f:constant>](https://docs.typo3.org/permalink/t3viewhelper:typo3fluid-fluid-constant@13.4):

**EXT:my_extension/Resources/Private/Backend/Templates/MyModule.html**

```html
<f:be.infobox
    title="Some Info"
    message="The message"
    state="{f:constant(name: 'TYPO3\CMS\Fluid\ViewHelpers\Be\InfoboxViewHelper::STATE_NOTICE')}"
/>
<f:be.infobox
    title="Some Notice"
    message="The message"
    state="{f:constant(name: 'TYPO3\CMS\Fluid\ViewHelpers\Be\InfoboxViewHelper::STATE_INFO')}"
/>
<f:be.infobox
    title="Some sucess message"
    message="The message"
    state="{f:constant(name: 'TYPO3\CMS\Fluid\ViewHelpers\Be\InfoboxViewHelper::STATE_OK')}"
/>
<f:be.infobox
    title="Some Warning"
    message="The message"
    state="{f:constant(name: 'TYPO3\CMS\Fluid\ViewHelpers\Be\InfoboxViewHelper::STATE_WARNING')}"
/>
<f:be.infobox
    title="Some Error"
    message="The message"
    state="{f:constant(name: 'TYPO3\CMS\Fluid\ViewHelpers\Be\InfoboxViewHelper::STATE_ERROR')}"
/>

```

## Examples {#typo3-fluid-be-infobox-example}

Info box of level notice with a static title and a static text:

**EXT:my_extension/Resources/Private/Backend/Templates/MyModule.html**

```html
<f:be.infobox title="Message title">your box content</f:be.infobox>
```

Warning box with disabled icon:

**EXT:my_extension/Resources/Private/Backend/Templates/MyModule.html**

```html
<f:be.infobox
    title="Message title"
    message="your box content"
    state="{f:constant(name: 'TYPO3\CMS\Fluid\ViewHelpers\Be\InfoboxViewHelper::STATE_WARNING')}"
    disableIcon="true"
/>
```

Success box with custom icon:

**EXT:my_extension/Resources/Private/Backend/Templates/MyModule.html**

```html
<f:be.infobox
    title="Message title"
    message="your box content"
    state="{f:constant(name: 'TYPO3\CMS\Fluid\ViewHelpers\Be\InfoboxViewHelper::STATE_OK')}"
    iconName="check"
/>
```

### Infobox with HTML content, icon and links {#typo3-fluid-be-infobox-example-html}

You can find this example in the TYPO3 backend module
**System > DB Check > Manage Reference Index** if
[`typo3/cms-lowlevel`](https://packagist.org/packages/typo3/cms-lowlevel) is installed.

**EXT:lowlevel/Resources/Private/Templates/ReferenceIndex.html**

```html
<f:be.infobox
    title="{f:translate(key:'LLL:EXT:lowlevel/Resources/Private/Language/locallang.xlf:checkScript_headline')}"
    state="{f:constant(name: 'TYPO3\CMS\Fluid\ViewHelpers\Be\InfoboxViewHelper::STATE_INFO')}"
>
    <p>{f:translate(key:'LLL:EXT:lowlevel/Resources/Private/Language/locallang.xlf:checkScript')}</p>
    <p>
        {f:translate(key:'LLL:EXT:lowlevel/Resources/Private/Language/locallang.xlf:checkScript_check_description')}<br>
        <code>php {binaryPath} referenceindex:update -c</code>
    </p>
    <p>
        {f:translate(key:'LLL:EXT:lowlevel/Resources/Private/Language/locallang.xlf:checkScript_update_description')}<br>
        <code>php {binaryPath} referenceindex:update</code>
    </p>
    <p>
        {f:translate(key:'LLL:EXT:lowlevel/Resources/Private/Language/locallang.xlf:checkScript_moreDetails')}
        <a href="{ReadmeLink}" target="_blank">{ReadmeLocation}</a>
    </p>
</f:be.infobox>

```

## Arguments of the `<f:be.infobox>` ViewHelper {#typo3-fluid-be-infobox-arguments}

-   **disableIcon**

    -   *Type:* bool
    -   *Default:* false

    If set to TRUE, the icon is not rendered.

-   **iconName**

    -   *Type:* string

    Identifier of the icon as registered in the Icon Registry. NULL sets default icon

-   **message**

    -   *Type:* string

    The message of the info box, if NULL tag content is used

-   **state**

    -   *Type:* int
    -   *Default:* -2

    The state of the box, InfoboxViewHelper::STATE\_\*

-   **title**

    -   *Type:* string

    The title of the info box