Wie im Contao 4 Backend alle Buttons angezeigt werden?

Im Forum wurde dazu schon geschrieben warum oder weshalb die Buttons zum Bearbeiten nun in ein Menü versteckt wurden und nicht alle angezeigt werden. Mich hat es bisher zwar auch gestört, war aber zu beschäftigt einen Lösung zu suchen, die per CSS die Standardlösung überschreibt, um alle Buttons im neuen Backend von Contao anzuzeigen.

Da es erst nativ mit der Contao 4.6 eine Möglichkeit geben wird, wie hier im Ticket versprochen, dachte ich mir, das es doch mit ein bisschen CSS auch zu lösen ist. Für die 3er hatte ich mir dazu schon eine CSS in's Backend eingebunden, das ich mir die Buttons etwas bunt einfärben kann.

Hier meine Lösung:

Den Teil in die initconfig.php

<?php

// Put your custom configuration here

// CSS fürs Backend. Buttons und co.
if (TL_MODE == 'BE') {
    $GLOBALS['TL_CSS'][] = 'files/PROJEKT-XYZ/themes/css/contao-backend-theme-cs.css|screen';
    
}

Und hier das CSS für die contao-backend-theme-cs.css.

Wer will, kann es auf seine eigenen Bedürfnisse anpassen.

/* Contao Backend CSS - CodeSache.de - Markus Schindler  */

.tl_submit_container .tl_submit{color:#000 !important; font-size:1.2em; text-shadow:none;font-weight:600;}
.tl_submit_container .tl_submit#save{ background:#439E18;}
.tl_submit_container .tl_submit#saveNclose{ background:#88DEB7;}
.tl_submit_container .tl_submit#copy{ background:#a3d956;}
.tl_submit_container .tl_submit#cut{ background:#75acd6;}
.tl_submit_container .tl_submit#delete{ background:#ea5e4b;}
.tl_submit_container .tl_submit#override{ background:#FC03FB;}
.tl_submit_container .tl_submit#edit{ background:#f5c710;}
.tl_submit_container{
margin-top:100px; }
.tl_submit_container:after{
content:"";
clear:both;
display:block; }
.tl_submit_container ul{
list-style-type:none;
margin:0;
padding:0;
display:inline-block;
clip:inherit;
height:inherit;
width:inherit;
overflow:visible;
position:inherit;
right:inherit;
bottom:inherit;
min-width:inherit;
border:none;
background:none;
}
.split-button ul:before, .split-button ul:after{
display:none;
}
.tl_submit_container ul li{
margin:0;
padding:0;
display:inline-block; }
.tl_submit_container ul,
.tl_submit_container li,
.tl_submit_container button,
.tl_submit_container .split-button{
display:inline-block; }
.split-button ul li{border:1px solid #aaa; margin-left:4px;}
.split-button ul button{border:none; margin-right:4px;}
button#sbtog{
display:none;
}
@media only screen and (max-width:600px){
}

Würde mich über ein Feedback hier im Forum freuen.

Zurück