C3 [zlargeicons] BE Theme with large nav icons

[thyon]

Installs a new Backend Theme that uses large cool icons. Works great together with [favorites]

https://contao.org/en/extension-list/vi ... ns.en.html

[Ruud]

Nice. I've been wanting to make something like this. Except the left menu containing two columns of icons (with title underneath). That solves the vertical long list you get with large icons.

[thyon]

Updated for 3.1 and updated with additional favorites compatibility.

[Andreas]

Nice and real big ;)

Try to switch to German BE-Language. Then you see two BE-Modules where the text is to long and it looks real bad.

Quick and dirty fast solution

#tl_navigation .tl_level_1_group a {
white-space: nowrap;
overflow: hidden;
}

There is also something wrong with utf8. For example:
Erklärungen anzeigen
must be
Erklärungen anzeigen.

This fault is everywhere, even in the page title (klick on the user icon and watch the page title).

[thyon]

That is why I've used both a slimline font as well as made shortened descriptions of most of the text, to remove long descriptions.

I didn't do the translation, so you'd have to speak to those people. You can override any language strings in your config/langconfig.php

[thyon]

Andreas, I see what you mean. I never bothered to do it on the largeicons, I'll add it to that one, and also to the TOP icons, where it's also a problem.

[thyon]

Andreas, I've corrected both the TOP icons (logout, etc.) as well as the "collapse node" and the text for every item.

You guys have to fix the language stuff.

[Andreas]

The utf8 text issue:
The utf8 problem depends on DOMDocument::loadHTML() see here: http://de3.php.net/manual/de/domdocumen ... .php#74777

A simple 'ö' gets converted to 'ö' . And that throughout the complete Contao BE.

Here is a quick workaround but I think using loadHTML() is not a good idea. Maybe you find a better solution f.e. with preg_replace() and without the DOMDocument.

/* LargeIcons.php */
// Modify output
$doc = new \DOMDocument();
// use this one
$strContentUtf8 = utf8_decode($strContent);
// or use this one
#$strContentUtf8 = mb_convert_encoding($strContent, 'HTML-ENTITIES', "UTF-8");
@$doc->loadHTML($strContentUtf8); // suppress HTML parsing errors

Using the workaround an 'ö' gets converted to 'ö' which is correct, but leaving an 'ö' an 'ö' will be better.
The german translations are correct.

The menu css layout problem:
[attachment=1:22rwfzbf]Erweiterungsverwaltung - Contao Open Source CMS 3.1_20130726-234707.png[/attachment:22rwfzbf]
[attachment=0:22rwfzbf]Erweiterungsverwaltung - Contao Open Source CMS 3.1_20130727-001107.png[/attachment:22rwfzbf]
As you see in my pics I think my CSS-Workaround will be a better solution for people who wanna try your extension. I think it's better to cut the rest of and do no wrap.

[thyon]

I've added the CSS and replaced the DOM with preg_replace (didn't know I was that good with them yet, LOL).