Results 1 to 9 of 9

Thread: C3 [zlargeicons] BE Theme with large nav icons

  1. #1
    Experienced user
    Join Date
    06-10-09.
    Location
    Cape Town, South Africa
    Posts
    1,387

    Default C3 [zlargeicons] BE Theme with large nav icons

    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


  2. #2
    Experienced user
    Join Date
    01-12-10.
    Posts
    814

    Default Re: C3 [zlargeicons] BE Theme with large nav icons

    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.

  3. #3
    Experienced user
    Join Date
    06-10-09.
    Location
    Cape Town, South Africa
    Posts
    1,387

    Default Re: C3 [zlargeicons] BE Theme with large nav icons

    Updated for 3.1 and updated with additional favorites compatibility.

  4. #4
    User Andreas's Avatar
    Join Date
    07-11-09.
    Location
    Mönchengladbach
    Posts
    497

    Default Re: C3 [zlargeicons] BE Theme with large nav icons

    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).
    Web-Development, Freelancer, Burgtech, XHTML, HTML5, CSS, PHP, Javascript, MooTools, MySQL and more
    Amazon wishlist

  5. #5
    Experienced user
    Join Date
    06-10-09.
    Location
    Cape Town, South Africa
    Posts
    1,387

    Default Re: C3 [zlargeicons] BE Theme with large nav icons

    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

  6. #6
    Experienced user
    Join Date
    06-10-09.
    Location
    Cape Town, South Africa
    Posts
    1,387

    Default Re: C3 [zlargeicons] BE Theme with large nav icons

    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.

  7. #7
    Experienced user
    Join Date
    06-10-09.
    Location
    Cape Town, South Africa
    Posts
    1,387

    Default Re: C3 [zlargeicons] BE Theme with large nav icons

    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.

  8. #8
    User Andreas's Avatar
    Join Date
    07-11-09.
    Location
    Mönchengladbach
    Posts
    497

    Default Re: C3 [zlargeicons] BE Theme with large nav icons

    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.
    Code:
    /* 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.
    Web-Development, Freelancer, Burgtech, XHTML, HTML5, CSS, PHP, Javascript, MooTools, MySQL and more
    Amazon wishlist

  9. #9
    Experienced user
    Join Date
    06-10-09.
    Location
    Cape Town, South Africa
    Posts
    1,387

    Default Re: C3 [zlargeicons] BE Theme with large nav icons

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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •