eigene css-Datei fürs Backend [Gelöst]


  • 0 x
    23. 07. 2011, 22:58

    Hallo,
    ist es möglich eine eigene Css-Datei via TypoScript für das Backend einzubinden?
    Wenn ja, wie mache ich dass.
    Gruss

  • 0 x
    29 Beiträge
    0 Hilfreiche Beiträge
    28. 03. 2016, 20:55 - Lösung

    Ich stand soeben vor der gleichen Anforderung und zwar mit TYPO3 7.6. Hier meine Lösung:

    In einer eigenen Extension in der Datei "extTables.php" folgende Zeilen hinzufügen:

    1. $GLOBALS['TBE_STYLES']['skins']['my_ext_key'] = array (
    2. 'name' => 'my_ext_key',
    3. 'stylesheetDirectories' => array(
    4. 'css' => 'EXT:' . $_EXTKEY . '/Resources/Public/css/typo3_backend/'
    5. )
    6. );

    'my_ext_key' kann natürlich mit beliebigem Wert ersetzt werden. Auch der Pfad zu dem Ordner mit den CSS-Dateien kann beliebig angepasst werden.

    Achtung: Bei dem Pfad zu der CSS-Datei handelt es sich wirklich nur um den Pfad zu einem Ordner, in dem CSS-Dateien liegen! Es werden alle CSS-Dateien in diesem Ordner geladen.


  • 1
  • FabianX FabianX
    R2-D2
    0 x
    103 Beiträge
    2 Hilfreiche Beiträge
    31. 07. 2012, 11:45

    Zwar schon ein alter Beitrag aber stand grad vor dem gleichen Problem und schau immer zuerst hier im Forum und bin daher hier drüber gestolpert.

    die extTables.php in typo3conf öffnen und folgende Zeilen hinzufügen:

    1. if (TYPO3_MODE=="BE" ) {
    2. $TBE_STYLES['inDocStyles_TBEstyle'] .= '@import "/fileadmin/deinPfad/deineCSS.css";';
    3. }

  • 0 x
    29 Beiträge
    0 Hilfreiche Beiträge
    28. 03. 2016, 20:55

    Ich stand soeben vor der gleichen Anforderung und zwar mit TYPO3 7.6. Hier meine Lösung:

    In einer eigenen Extension in der Datei "extTables.php" folgende Zeilen hinzufügen:

    1. $GLOBALS['TBE_STYLES']['skins']['my_ext_key'] = array (
    2. 'name' => 'my_ext_key',
    3. 'stylesheetDirectories' => array(
    4. 'css' => 'EXT:' . $_EXTKEY . '/Resources/Public/css/typo3_backend/'
    5. )
    6. );

    'my_ext_key' kann natürlich mit beliebigem Wert ersetzt werden. Auch der Pfad zu dem Ordner mit den CSS-Dateien kann beliebig angepasst werden.

    Achtung: Bei dem Pfad zu der CSS-Datei handelt es sich wirklich nur um den Pfad zu einem Ordner, in dem CSS-Dateien liegen! Es werden alle CSS-Dateien in diesem Ordner geladen.

  • mtness mtness
    Padawan
    0 x
    37 Beiträge
    0 Hilfreiche Beiträge
    21. 04. 2016, 15:50

    Jawoll, funktioniert immer noch einwandfrei!

  • mobilat mobilat
    T3PO
    0 x
    31 Beiträge
    0 Hilfreiche Beiträge
    25. 04. 2017, 11:33

    So seid ihr noch flexibler mit der Variable `$_EXTKEY` - danke für den Tipp.
    In die Datei "ext_tables.php" euer (Provider-)Extension.

    1. /**
    2.  * Add own CSS for Backend
    3.  */
    4. $TBE_STYLES['skins'][$_EXTKEY]['name'] = $_EXTKEY;
    5. $TBE_STYLES['skins'][$_EXTKEY]['stylesheetDirectories']['structure'] = 'EXT:' . ($_EXTKEY) . '/Resources/Public/Backend/Css/';

  • mtness mtness
    Padawan
    0 x
    37 Beiträge
    0 Hilfreiche Beiträge
    30. 10. 2023, 13:24

    Hallo Zusammen, habe gerade das changelog für TYPO3 v12 gesehen, da ändert sich die Einbindung wie folgt:

    EXT:my_extension/ext_localconf.php
    [code]// for TYPO3 >12.3
    $GLOBALS['TYPO3_CONF_VARS']['BE']['stylesheets'][my_extension]
    = 'EXT:myextension/Resources/Public/Css/myfile.css';

    $GLOBALS['TYPO3_CONF_VARS']['BE']['stylesheets'][my_extension]
    = 'EXT:myextension/Resources/Public/Css/';[/code]

    https://docs.typo3.org/c/typo3/cms-core/main/en-us/Changelog/12.3/Feature-100232-LoadAdditionalStylesheetsInTYPO3Backend.html

    // edit: schade, der codeview geht wohl nicht mehr hier.

  • 1