---
title: "Be.infobox ViewHelper <f:be.infobox>"
manual: "Fluid ViewHelper Reference"
version: "14.3"
permalink: "https://docs.typo3.org/permalink/t3viewhelper:typo3-fluid-be-infobox@14.3"
source: "Global/Be/Infobox.rst"
rendered: "2026-10-01T16:43:06+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@14.3)
-   [Examples of be.infobox ViewHelper usage](https://docs.typo3.org/permalink/t3viewhelper:examples-of-be-infobox-viewhelper-usage@14.3)
-   [Arguments of the <f:be.infobox> ViewHelper](https://docs.typo3.org/permalink/t3viewhelper:arguments-of-the-f-be-infobox-viewhelper@14.3)

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

<!-- TODO: no Markdown rendering for "deprecated" -->

The public constants in InfoboxViewHelper
for defining the state/severity of an infobox have been deprecated. Use
the enum \TYPO3\CMS\Core\Type\ContextualFeedbackSeverity instead.

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.

The `state` property allows enums of type `\TYPO3\CMS\Core\Type\ContextualFeedbackSeverity`
and integer values between `-2` and `+2` for backward compatibility.

**Screenshot**

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

**Enum values**

-   **`ContextualFeedbackSeverity::NOTICE` (-2)**

    Notices (Default)

-   **`ContextualFeedbackSeverity::INFO` (-1)**

    Information

-   **`ContextualFeedbackSeverity::OK` (0)**

    Positive feedback

-   **`ContextualFeedbackSeverity::WARNING` (1)**

    Warnings

-   **`ContextualFeedbackSeverity::ERROR` (2)**

    Error

**Code example**

It is considered best practice to use the states from
`\TYPO3\CMS\Core\Type\ContextualFeedbackSeverity` enum together with the
[Constant ViewHelper \<f:constant>](https://docs.typo3.org/permalink/t3viewhelper:typo3fluid-fluid-constant@14.3):

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

```html
<f:be.infobox
    title="Some Info"
    message="The message"
    state="{f:constant(name: '\TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::NOTICE')}"
/>
<f:be.infobox
    title="Some Notice"
    message="The message"
    state="{f:constant(name: '\TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::INFO')}"
/>
<f:be.infobox
    title="Some sucess message"
    message="The message"
    state="{f:constant(name: '\TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::OK')}"
/>
<f:be.infobox
    title="Some Warning"
    message="The message"
    state="{f:constant(name: '\TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::WARNING')}"
/>
<f:be.infobox
    title="Some Error"
    message="The message"
    state="{f:constant(name: '\TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::ERROR')}"
/>

```

## Examples of be.infobox ViewHelper usage {#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.fluid.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.fluid.html**

```html
<f:be.infobox
    title="Message title"
    message="your box content"
    state="{f:constant(name: '\TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::WARNING')}"
    disableIcon="true"
/>

```

Success box with custom icon:

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

```html
<f:be.infobox
    title="Message title"
    message="your box content"
    state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::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.fluid.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\Core\Type\ContextualFeedbackSeverity::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>

```

### Migration from using InfoboxViewHelper state constants {#typo3-fluid-be-infobox-migration}

If you want to support both TYPO3 v13 and v14 you can keep using the constants
until dropping TYPO3 13 support.

After dropping TYPO3 13 support migrate as follows:

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

```diff
 <f:be.infobox title="Error!"
-              state="{f:constant(name: 'TYPO3\CMS\Fluid\ViewHelpers\Be\InfoboxViewHelper::STATE_ERROR')}">
+              state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::ERROR')}">
     Error message
 </f:be.infobox>

```

In PHP code replace the severity by using the enum or their value instead of the
constants:

**EXT:my_extension/Classes/Controller/MyController.php**

```php
<?php

// Before
use TYPO3\CMS\Fluid\ViewHelpers\Be\InfoboxViewHelper;

$state = InfoboxViewHelper::STATE_ERROR;

// After - Recommended: Use the enum directly
use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;

$state = ContextualFeedbackSeverity::ERROR;

// Alternative: Use the integer value when explicitly needed
$stateValue = ContextualFeedbackSeverity::ERROR->value;

```

## 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:* mixed
    -   *Default:* -2

    The state of the box, accepts ContextualFeedbackSeverity enum or integer value

-   **title**

    -   *Type:* string

    The title of the info box