Eigene Icons bei Download-Element

[ErichM]

Bei den Download-Elementen verwende ich eigene Icons. Bisher (V3.5) habe ich die Zuordnung in der initconfig.php vorgenommen. Mit V4.4 erfolgt dies über CSS. Z.B.

.ext-doc,
.ext-docx,
.ext-docm
{
background:url("../../files/layout/icon-word.gif") left center no-repeat;
}

Dies gilt allerdings nur für den Frontend. Beim Backend wird nach wie vor die initconfig.php benötigt. Ist dies so gewollt oder wird dies noch vereinheitlicht (wg. doppelte Pflege)?
Wer hat hier Informationen dazu?

[Andreas]

Das BE hat vom Design her ja nichts mit dem FE zu tun. Aber ich gebe dir Recht, wenn du meinst, dass im BE in der Vorschau diese Icons nicht zu sehen sind, obwohl die Klassen dort bereits vorhanden sind.

<div class="ce_downloads block">
  <h2>Download List Example</h2>
  <ul>
    <li class="download-element ext-jpg"> <a href="..." title="">DSC_5276.jpg <span class="size">(41,0 KiB)</span></a></li>
    <li class="download-element ext-jpg"> <a href="..." title="">DSC_5316.jpg <span class="size">(29,8 KiB)</span></a></li>
    <li class="download-element ext-jpg"> <a href="..." title="">DSC_5403.jpg <span class="size">(35,6 KiB)</span></a></li>
    <li class="download-element ext-pdf"> <a href="..." title="">contao_fanpage_logo.pdf <span class="size">(47,0 KiB)</span></a></li>
  </ul>
</div>

Könnte man mal als FR anfragen, muss ja nur in eine der BE-CSS-Dateien.

Edit: Anpassen kannst du dein BE natürlich auch mit ner eigenen CSS-Datei. Aber wenn man die Core-Icons dort erstmal default sehen würde, das wäre schon gut.

[ErichM]

Danke für die Info.
Ja es wäre gut, wenn dies in der BE-CSS-Datei mit aufgenommen würde, dann bräuchte ich keine initconcig.php mehr.

[Andreas]

Was hat du in der initconfig? Sowas hier?

<?php

/** Some extra BE CSS and JS */
if(TL_MODE == 'BE')
{
  $GLOBALS['TL_CSS'][]        = 'files/css/_my_be.css';
  $GLOBALS['TL_JAVASCRIPT'][] = 'files/js/_my_be.js';
}

Das kannst du ja immer noch gebrauchen, für andere kleinere (oder auch größere) Anpassungen.

[Andreas]

Feature Request: https://github.com/contao/core-bundle/issues/1047

[ErichM]

Danke für den FR.

In der initconfig habe ich dzt. nur die Zuordnung der Icons.

$GLOBALS['TL_MIME'] = array 
( 
	'xls'   => array('application/excel', 'files/layout/icon-excel.gif'),
	'xlsx'  => array('application/excel', 'files/layout/icon-excel.gif'),
	'xlsm'  => array('application/excel', 'files/layout/icon-excel.gif'),
	'doc'   => array('application/msword', 'files/layout/icon-word.gif'),

Grüße
Erich

[Andreas]

Ich bin jetzt ein wenig verwirrt. Möchtest du die Icons im BE bei der Dateiverwaltung ändern? Da sind wirkliche IMGs, ansonsten sind das CSS-Hintergrund-Bilder.

Das PHP kannst du etwas einfacher haben.

$customIconPath = 'files/layout/';

foreach($GLOBALS['TL_MIME'] as $key => $value)
{
  $GLOBALS['TL_MIME'][$key][1] = $customIconPath . $value[1];
} 

[ErichM]

Ich sehe gerade, dass ich mich anfangs nicht ganz korrekt ausgedrückt habe. Sorry. Ich möchte die Icons bei der Anzeige aller Dateien ändern. Beim FE betrifft dies die Download-Elemente. Beim BE die Anzeige aller Dateien in der Dateiverwaltung. Bisher ging ja beides über die initconfig.

[Andreas]

Wenn ich das richtig sehe, dann werden die Icons im FE ja über eine icons.css gesteuert, welche man im Layout hinzuwählen kann, aber nicht muss. Diese Datei wird nicht dynamisch erzeugt, sondern ist statisch. Da müsstest du also unabhängig von deinem $GLOBALS['TL_MIME'] eigens Hand anlegen. Ob es sich lohnt etwas zu programmieren, was dir dieses CSS dynamisch aus $GLOBALS['TL_MIME'] erstellt, wage ich zu bezweifeln.

Was hast du denn für tolle Icons, dass du diese im BE ändern möchtest? Im FE kann ich ja verstehen, ist dort halt Kundenwunsch bzw. abhängig vom Design.

[ErichM]

Das sind keine tollen Icons. Aber ggü. den Standard-Icons schaut die Ansicht doch viel besser aus und man kann die unterschiedlichen Dateitypen besser erkennen.

Eigene-Icons.JPGStandard-Icons.JPG

Mir ging es ja lediglich darum, dass Icons bisher für FE und BE nur über die initconfig zugewiesen wurden und jetzt beim FE über CSS und beim BE nach wie vor über die initconfig. Ich kann natürlich mit dem jetztigen Zustand leben.

[Andreas]

Ja stimmt, da sind die Dateitypen wirklich besser zu erkennen. Gibt es die öffentlich irgendwo?

[Andreas]

Die Icons von Contao sind tatsächlich erst ab einer Breite von ca 26px zu erkennen (lesbar). Das ist nicht so schön.

Zum Testen:

.tl_file_manager .tl_file .tl_left a img {
    width: 30px;
    height: auto;
} 

[ErichM]

Ja stimmt, da sind die Dateitypen wirklich besser zu erkennen. Gibt es die öffentlich irgendwo?

Diese habe ich mir (einzeln) vom Internet geholt und so gesammelt.

[Andreas]

Ah, ok, danke.