require(['TYPO3/CMS/Backend/Notification'], function(Notification) { Notification.info('Deleted', 'The object was deleted.'); }); require(['TYPO3/CMS/Backend/Notification'], function(Notification) { Notification.success('Created', 'The new configuration was successfully created.'); }); require(['TYPO3/CMS/Backend/Notification'], function(Notification) { Notification.success('Updated', 'Save custom-variables.scss & clean up temporary files.'); });

Configuration

Edit this configuration
uid page uid page title
{config.confUid} {config.uid} {config.title}

Global pages override is set in Constant Editor:

  • {field} = {override}
Delete this configuration
New main configuration Override configuration
Custom scss is activated!

You can override default Bootstrap variables here:

You can override default Bootswatch SCSS (Theme: {settings.bootswatch}) here:

You can set your own SCSS here:

You can override default Bootstrap variables on the root page.

You can override default Bootstrap variables in {settings.customScssPath} without modifying source files.
Clean up temporary files in typo3temp/assets/t3sbootstrap/css/ after edit this file!

Custom SCSS is activated but no custom-variables.scss file exist!
Run the schedular task "T3SB Custom Scss" to write the file.

Custom SCSS is not activated.

Currently available utility colors:

{colorkey} {color}

Set the following constant to disable the "Utility Colors":
bootstrap.config.enableUtilityColors = 0

WebP Support is enabled for use the default EXT:webp .htaccess configuration

WebP Support is disabled

EM config: T3SB lazyLoad is enabled

EM config: T3SB lazyLoad is disabled

EM config: T3SB concatenate is enabled

EM config: T3SB concatenate is disabled

EM config: T3SB minify is enabled

EM config: T3SB minify is disabled

BE Modul: T3SB compress is enabled

BE Modul: T3SB compress is disabled

Konstanten-Editor: CDN is enabled

Konstanten-Editor: CDN is disabled

Make sure you optimize Bootstrap by only @importing the components you need.

{label} {optimize}

Set the following constant to disable this hints:
bootstrap.config.enableInfo = 0