Frontend Hint Icon

Frontend Hint 

The frontend hint will show the current environment information and the website title as clickable note in the upper right corner.

Frontend hint

Frontend hint

You can adjust the color of the hint in your ext_localconf.php:

ext_localconf.php
use KonradMichalik\Typo3EnvironmentIndicator\Configuration\Handler;
use KonradMichalik\Typo3EnvironmentIndicator\Configuration\Indicator;
use KonradMichalik\Typo3EnvironmentIndicator\Configuration\Trigger;

Handler::addIndicator(
    triggers: [
        new Trigger\ApplicationContext('Testing')
    ],
    indicators: [
        new Indicator\Frontend\Hint([
            'color' => '#bd593a',
        ])
    ]
);
Copied!

Additional optional configuration keys:

  • text (string): The text of the hint. Default is the website title.
  • position (string): The corner the hint starts in. Default is top left. Possible values are top left, top right, bottom left and bottom right. Any other value falls back to the default.
  • description (string): An optional description. When set, it is appended to the hint's tooltip (title attribute). Default is empty.

Moving the hint out of the way 

New in version 3.5

Dragging the hint to another corner and closing it for the session were added in TYPO3 Environment Indicator 3.5.

Screencast showing the frontend hint being dragged to another corner and closed

Dragging the hint to another corner and closing it

The hint is positioned relative to the viewport, so it stays visible while scrolling. If it covers something you need to see, drag it to another corner: on release it snaps to whichever of the four corners is nearest.

The chosen corner is stored in localStorage and takes precedence over the configured position from then on. Because Web Storage is scoped per origin, every environment remembers its own corner independently.

Closing the hint 

The close button hides the hint for the current browser session. The state is stored in sessionStorage, so the hint stays gone while navigating the site and returns in a new browser session.

This is deliberate. The hint is a safety marker that keeps you from mistaking a staging system for the live site, so it is never dismissed permanently — but it also should not reappear on every single page view, which is what made closing it pointless before.