Du kannst eine Datei anlegen system/config/initconfig.php. Über diese Datei kannst du dein eigenes CSS und JS mit ins BE bringen.
PHP-Code:
<?php
/**
* Here you can add custom initialization routines that are executed
* on every back end and front end request.
*/
/** 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';
}
Im BE läuft MooTools, damit kannst du den Elementtyp ermitteln und eine Klasse in z.B. den Listenpunkt bringen.
HTML-Code:
/**
* files/js/_my_be.js
*/
(function($) {
window.addEvent('domready', function() {
// Individual preview of different CE types
var ceTypes = $$('.tl_content .cte_type');
Array.each(ceTypes, function(ce) {
ce.getParent('li').set('data-cetype', ce.get('text'));
});
});
})(document.id);
HTML-Code:
/**
* files/css/_my_be.css
*/
/** Individual preview of different CE types */
li[data-cetype="Text"] {
background: red;
}
li[data-cetype="HTML"] {
background: blue;
}
Lesezeichen