---
title: "Be.pageRenderer ViewHelper <f:be.pageRenderer>"
manual: "Fluid ViewHelper Reference"
version: "main"
permalink: "https://docs.typo3.org/permalink/t3viewhelper:typo3-fluid-be-pagerenderer@main"
source: "Global/Be/PageRenderer.rst"
rendered: "2026-09-25T05:46:13+00:00"
---

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

ViewHelper to register backend module resources like CSS and JavaScript using the PageRenderer.

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

**Table of contents**

-   [Examples](https://docs.typo3.org/permalink/t3viewhelper:examples@main)
-   [Arguments of the <f:be.pageRenderer> ViewHelper](https://docs.typo3.org/permalink/t3viewhelper:arguments-of-the-f-be-pagerenderer-viewhelper@main)

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

All options:

**packages/my_extension/Resources/Private/Templates/Module/Index.fluid.html**

```html
<f:be.pageRenderer
  pageTitle="foo"
  includeCssFiles="{0: 'EXT:my_ext/Resources/Public/Css/Stylesheet.css'}"
  includeJsFiles="{0: 'EXT:my_ext/Resources/Public/JavaScript/Library1.js', 1: 'EXT:my_ext/Resources/Public/JavaScript/Library2.js'}"
  addJsInlineLabels="{'my_ext.label1': 'LLL:EXT:my_ext/Resources/Private/Language/locallang.xlf:label1'}"
  includeJavaScriptModules="{0: '@my-vendor/my-ext/my-module.js'}"
  addInlineSettings="{'some.setting.key': 'some.setting.value'}"
/>
```

This will load the specified css, js files and JavaScript modules, adds a custom js
inline setting, and adds a resolved label to be used in js.

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

-   **addInlineSettings**

    -   *Type:* array

    Adds Javascript Inline Setting

-   **addJsInlineLabels**

    -   *Type:* array

    Custom labels to add to JavaScript inline labels

-   **includeCssFiles**

    -   *Type:* array

    List of custom CSS file to be loaded

-   **includeJavaScriptModules**

    -   *Type:* array

    List of JavaScript modules to be loaded

-   **includeJsFiles**

    -   *Type:* array

    List of custom JavaScript file to be loaded

-   **pageTitle**

    -   *Type:* string
    -   *Default:* ''

    title tag of the module. Not required by default, as BE modules are shown in a frame