CSS Anpassung fürs Backend 4.9.x

[folkfreund]

Gibt es eine Möglichkeit, updatesicher eine CSS-Anpassung im Backend vorzunehmen, ohne ein eigenes Backend-Theme zu erstellen,
also zusätzlich eine eigene CSS-Datei laden zu lassen?

[Strandel]

https://github.com/cliffparnitzky/BackendCustomCss

[folkfreund]

Danke, das könnte gehen, scheint mir aber die berühmte Kanone für den Spatzen zu sein... Ich wollte die Änderungen nicht im Backend einstellbar und nicht für jeden User. Ich hatte gehofft, dass man einfach irgendwo eine eigene custom.CSS hinzu laden kann, ohne die Originale zu ändern...

[Nightwing]

Gibt es eine Möglichkeit, updatesicher eine CSS-Anpassung im Backend vorzunehmen, ohne ein eigenes Backend-Theme zu erstellen,
also zusätzlich eine eigene CSS-Datei laden zu lassen?

Ja. Erstelle in /contao/config eine Datei config.php, Inhalt:

<?php

if (TL_MODE == 'BE')
{
    $GLOBALS['TL_CSS'][] = 'files/layout/css/backend.css';
//    $GLOBALS['TL_JAVASCRIPT'][] = 'files/layout/js/backend.js';
} 

/*

<?php

if (TL_MODE == 'BE')
{
    $objUser = \BackendUser::getInstance();
    
    if (!$objUser->isAdmin)
    {
        $GLOBALS['TL_CSS'][] = 'files/layout/css/backendLayoutRedakteur.css';
        $GLOBALS['TL_JAVASCRIPT'][] = 'files/layout/js/backendLayoutRedakteur.js';
    }
    else
    {
        $GLOBALS['TL_CSS'][] = 'files/layout/css/backendLayoutAdmin.css';    
        $GLOBALS['TL_JAVASCRIPT'][] = 'files/layout/js/backendLayoutAdmin.js';
    }
}  

*/

Auskommentiert eine Abfrage zur Userzugehörigkeit...

ToM

[folkfreund]

Hallo ToM, danke.
Kann es sein dass du nicht von einer 4.9.1 sprichst?
In welchem Ordner muss die config.php liegen?

[Nightwing]

Doch, Version 4.9.1. Cache leeren, bzw. neu aufbauen hab ich vergessen zu Erwähnen, obwohl das eigentlich eh Standard ist...
Das Verzeichnis ist /contao/config/config.php. Siehe Screenshot: Unbenannt.PNG
Natürlich musst Du den Pfad zur CSS in der PHP anpassen, aber das ist glaub unnötig zu sagen.

ToM

[folkfreund]

Doch, Version 4.9.1. Cache leeren, bzw. neu aufbauen hab ich vergessen zu Erwähnen, obwohl das eigentlich eh Standard ist...
...
Natürlich musst Du den Pfad zur CSS in der PHP anpassen, aber das ist glaub unnötig zu sagen.

ToM

Danke, klar, Pfad anpassen und Cache löschen wie immer. Ich hatte nur den ganzen Pfad inkl. Contao noch nicht und fand mehrere config-Ordner an anderen Stellen...

Kaum macht man's richtig, hört es nicht auf zu klappen .

[cliffparnitzky]

Mit der oben verlinkten Erweiterung kannst als Admin in den Systemeinstellungen eine CSS Datei festlegen, die dann immer und für alle User geladen wird. Recht einfach.

[andre.saage]

Noch eine updatesichere Variante, die ohne Erweiterungen oder Manager-aufruf funktioniert:
https://github.com/contao/contao/iss...ment-592430594

[thymian]

Ich möchte das Thema noch einmal aufgreifen, weil ich hier nicht weiterkomme. Ich wollte den Tipp von Andre umsetzen und dies hier ins bestehende be_main.html schreiben:

<?php $this->extend('be_main'); ?>

<?php $this->block('head'); ?>
  <?php $this->parent(); ?>
  <style>
      /* your styles here */
  </style>
<?php $this->endblock(); ?>

Doch dann funktionierte die Seite nicht mehr. An welcher Stelle müsste das denn eingefügt werden?

Konkret möchte ich gerne ein Accordion (Umschlag plus Inhalt) so einfärben, dass der Kunde das gut erkennen und es sich selbst duplizieren kann, wenn er ein neues braucht. Auch sonst würde ich gerne manche Inhaltselemente etwas deutlicher machen oder deutlicher voneinander abgrenzen. Gibt es da noch einen anderen Weg?

Danke für Tipps
Marion

[Spooky]

Du hast "ins bestehende be_main" geschrieben. Wie genau bist du vorgegangen? Du musst ein eigenes be_main Template im templates/ Verzeichnis anlegen (bzw. über das Contao Backend anlegen lassen) und dann die entsprechenden Änderungen einfügen.

[thymian]

Hallo Spooky,

vielen Dank, das dachte ich mir wohl. Ich habe auch noch diesen Thread gefunden und probiere da jetzt mal, die Elemente anzusprechen:

https://community.contao.org/de/show...-erg%C3%A4nzen

[andre.saage]

Das code-snippet von oben ist ein komplettes be_main Template (du würdest das originale damit ersetzen - also nicht irgendwo einfügen).
Seit 4.11 kannst du aber auch die config.yml verwenden um zusätzliche Stylesheets im BE zu laden:
https://docs.contao.org/manual/de/sy...-einstellungen
(Cache löschen nicht vergessen)

[thymian]

Das code-snippet von oben ist ein komplettes fe_page Template (du würdest das originale damit ersetzen - also nicht irgendwo einfügen).

Ähem ;-)

Leider ist die Seite auf 4.9 und soll erstmal so bleiben.

Ich habe jetzt den Code

 <?php
if(TL_MODE == 'BE')
{
$GLOBALS['TL_CSS'][] = 'files/ordner/backend.css';
}

probiert, aber da wird das "if "als syntax error angemahnt. Im anderen Thread steht aber, dass es funktioniert...? Woran könnte das liegen?

[andre.saage]

Das code-snippet von oben ist ein komplettes fe_page Template

ich meinte natürlich be_main

im be_main kann der TL_MODE doch gar nichts anderes sein als BE - da ist doch gar kein if erforderlich...

[thymian]

Nein, sorry, ich habe mich schon an einen anderen, oben verlinkten Tipp gehalten und das erwähnte PHP (nicht Deins) in eine config.php geschrieben, die wiederum im Ordner /contao/config liegt. Und dort dann der Syntax-fehler.

[thymian]

Hallo Spooky und Andre,

beide Lösungen haben bei mir nicht funktioniert, ich stehe jetzt echt auf dem Schlauch.

1. habe ich Dein Snippet, Andre, in ein neues be_main_erweitert im templates-Ordner eingefügt und ein Probe-CSS geschrieben – keine Reaktion
2. habe ich das Snippet aus dem Nachbar-Thread mit Link zur CSS-Datei in files in eine config.php gespeichert und bin dann nicht mehr auf die Seite gekommen. Im Log stand, dass das "if" unexpected war. Hier hatte ich den Eindruck, dass es mit einem .htacces-Passwort zu tun haben könnte, das der Seite im Moment vorgeschaltet ist.

Hat noch jemand eine Idee, was ich überprüfen könnte?

[thymian]

Ich habe jetzt noch diese Lösung von xchs gefunden:
https://community.contao.org/de/show...n-CSS-anpassen
und es hat auf Anhieb funktioniert. Jetzt versuche ich mal, die Accordions gezielt anzusprechen.

Edit: Ich habe einfach meinen CSS-Pfad am Schluss ergänzt.

[Spooky]

1. habe ich Dein Snippet, Andre, in ein neues be_main_erweitert im templates-Ordner eingefügt und ein Probe-CSS geschrieben – keine Reaktion

Das Template muss be_main heißen.

[thymian]

Das Template muss be_main heißen.

Ach so... Zieht er das dann nach dem normalen be-Template? Sorry!

[thymian]

Ich habe das diese Tage nochmal gebraucht und sehe, dass meine Posts vielleicht etwas verwirrend sind.

Die Lösung war letztendlich:

• Neuen Ordner "backend" unter files anlegen
• Darin "backend.css" anlegen
• Im Templates-ordner be_main.html aufrufen und speichern
• Die letzte Zeile wie im untenstehenden Code ergänzen

<link rel="stylesheet" href="<?php
      $objCombiner = new Contao\Combiner();
      $objCombiner->add('system/themes/'.$this->theme.'/fonts.min.css');
      $objCombiner->add('assets/colorpicker/css/mooRainbow.min.css');
      $objCombiner->add('assets/chosen/css/chosen.min.css');
      $objCombiner->add('assets/simplemodal/css/simplemodal.min.css');
      $objCombiner->add('assets/datepicker/css/datepicker.min.css');
      $objCombiner->add('system/themes/'.$this->theme.'/basic.min.css');
      $objCombiner->add('system/themes/'.$this->theme.'/main.min.css');
      $objCombiner->add('files/backend/backend.css');
      echo $objCombiner->getCombinedFile();
    ?>">
    <?= $this->stylesheets ?>