Contao-Camp 2024
Ergebnis 1 bis 21 von 21

Thema: CSS Anpassung fürs Backend 4.9.x

  1. #1
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard CSS Anpassung fürs Backend 4.9.x

    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?

  2. #2
    Contao-Nutzer
    Registriert seit
    28.12.2009.
    Beiträge
    4

    Standard christianbarkowsky/extended_checkbox


  3. #3
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    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...

  4. #4
    Contao-Fan Avatar von Nightwing
    Registriert seit
    29.05.2013.
    Beiträge
    436

    Standard

    Zitat Zitat von folkfreund Beitrag anzeigen
    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-Code:
    <?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

  5. #5
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

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

  6. #6
    Contao-Fan Avatar von Nightwing
    Registriert seit
    29.05.2013.
    Beiträge
    436

    Standard

    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

  7. #7
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    Zitat Zitat von Nightwing Beitrag anzeigen
    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 .

  8. #8
    Contao-Urgestein Avatar von cliffparnitzky
    Registriert seit
    08.10.2010.
    Ort
    Lüneburg
    Beiträge
    2.446
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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.

  9. #9
    Contao-Fan
    Registriert seit
    20.10.2012.
    Ort
    Berlin
    Beiträge
    257

    Standard

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

  10. #10
    Contao-Nutzer
    Registriert seit
    13.03.2010.
    Beiträge
    227

    Standard

    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-Code:
    <?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

  11. #11
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    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.
    » sponsor me via GitHub or PayPal or Revolut

  12. #12
    Contao-Nutzer
    Registriert seit
    13.03.2010.
    Beiträge
    227

    Standard

    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

  13. #13
    Contao-Fan
    Registriert seit
    20.10.2012.
    Ort
    Berlin
    Beiträge
    257

    Standard

    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)
    Geändert von andre.saage (10.08.2021 um 17:56 Uhr)

  14. #14
    Contao-Nutzer
    Registriert seit
    13.03.2010.
    Beiträge
    227

    Standard

    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-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?

  15. #15
    Contao-Fan
    Registriert seit
    20.10.2012.
    Ort
    Berlin
    Beiträge
    257

    Standard

    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...
    Geändert von andre.saage (10.08.2021 um 18:02 Uhr)

  16. #16
    Contao-Nutzer
    Registriert seit
    13.03.2010.
    Beiträge
    227

    Standard

    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.

  17. #17
    Contao-Nutzer
    Registriert seit
    13.03.2010.
    Beiträge
    227

    Standard

    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?

  18. #18
    Contao-Nutzer
    Registriert seit
    13.03.2010.
    Beiträge
    227

    Standard

    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.

  19. #19
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    Zitat Zitat von thymian Beitrag anzeigen
    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.
    » sponsor me via GitHub or PayPal or Revolut

  20. #20
    Contao-Nutzer
    Registriert seit
    13.03.2010.
    Beiträge
    227

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    Das Template muss be_main heißen.
    Ach so... Zieht er das dann nach dem normalen be-Template? Sorry!

  21. #21
    Contao-Nutzer
    Registriert seit
    13.03.2010.
    Beiträge
    227

    Standard

    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


    PHP-Code:
    <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 ?>

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •