Frontpage

Typesetter Documentation

As the Typesetter documentation currently lacks a lot of informations, i will share some further things here.

(Known) Javascript Callbacks editor_area:loaded SectionAdded SectionCopied (Unclear - looks like only SectionAdded fired if a section is copied) SectionRemoved SectionSorted section_sorting:loaded section_options:loaded PreviewAdded PreviewRemoved

to be continued ...

Firefox Development Edition added new features

Just removed 3 plugins from my dev Firefox we do not need anymore! Just press F12 and hit the settings button. At the left bottom, you see some amazing options, like: Colorpicker, Ruler, Screenshot. Another interesting thing ist the "Scratchpad" a JavaScript console, who can store and run JS snippets.

The activated tools are now available at the top right.

Typesetter aka gpEasy - Remove edit and login locks

To remove the edit lock, simply navigate to your main directory, open the "data" folder, and delete the temporary "lock_...." file.

To reset the login lock, navigate to: "/data/_site/" and edit the "user.php". Now simply reset the "attempts" to 0.

Adaptive background (color taken from an image via JS)

Take a look at this amazing thing. Love it.

The library take´s the "primary color" of an image, and set it to the image container as background color. Similar to the tv technique "Ambient Light".

Webfont "Amiri" wrong underline position

In a current project we used the beautiful looking font "Amiri". After hovering the first link, i saw the underline appearing way too to far at the bottom.

As we can´t fix this via CSS, i modified the font with FontForge. The result is called "Amirifix" and is attached to this post.

Amiri is an Open Font by Khaled Hosny & Sebastian Kosch.

Credits:

Copyright (c) 2010-2013, Khaled Hosny <khaledhosny@eglug.org>.Portions copyright (c) 2010, Sebastian Kosch <sebastian@aldusleaf.org>This Font Software is licensed under the Open Font License, Version 1.1.

iOS Radiobuttons & Checkox Label behavoir

For some reason, a click on the label of radio- & checkbox form elements does not work (to check the related form item). After some research we figured out, that we have to set the css attribute cursor:pointer to fix this issue.

Another amazing "feature" made by Apple, big thx for wasting my time guy´s, you´re so great.

Drupal Mimemail Module (HTML Mails, Newsletter, ...) unwanted attachment.dat *Update*

In a current project we ran into a curious problem, every HTML Mail has an file attachment named "attachment.dat".

After some research in the "mimemail.theme.inc" (function "template_preprocess_mimemail_message()"), we figured out that the problem is located inside the $css content.

In our case the implementation of the google webfont produces this issue (@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400...)). Basicly @import has to work inside html mails, so mimemail seems to do something wrong here?

Whatever. We can work around this problem, using the <link ...> - implemantation inside the mimemail-message.tpl file instead of the declaration directly inside the css code.

 

How to detect multiline text with jQuery

Currently there is no way to do this job just with css. I saw various Javascript solutions to do this, most of them are way to complicated (for my use case).

In my case i just need it to detect multiline field labels. So ... as i have a fix font size here, i just look out for the elements height via jquery and add a multiline class if its higher then on line of text.

Idea to modify this: Get the height of a one-liner label dynamically (compare the determined height values and use the flattest, also check for empty labels ...).

/* Check if field labels are heigher then one line */ $(".entityform label").each(function( index ) { label = $(this); labelHeight = label.height(); if(labelHeight > 20){ label.addClass('multiline-label'); } });

WTF? My fixed positioned element is aligned relative to the parent?!

If you have an fixed element which is curiously positioned relative to it´s parent (what is definitely against the specification "An element with a fixed position is positioned relative to the browser window, and will not move even if the window is scrolled - http://www.w3schools.com/css/css_positioning.asp"), you probably have something done with the transform-property on any of the parent elements.

This will cause this totally absurd behavoir (in every major browser, so maybe the transform specification sucks, or the w3c has some.. reason to do this kind of sh** ... whatever).

Here is an example of the "bug": http://codepen.io/anon/pen/gpPVZV

Shopware (4) Kategoriebild in der Kategoriebeschreibung ausgeben

Warum auch immer das nicht von Shopware aus schon implementiert ist, hier eine Variante welche die Bilder (hochzuladen im Backend > Kategorien > KategorieX) in der Kategoriebeschreibung ausgibt.

Die betroffene Templatedatei beinfdet sich im ordner frontend/listing/text.tpl. Zusätzlich sollte im Media Manager ein eigener Ordner "Kategoriebilder" o.Ä. angelegt werden. In den Einstellungen des Ordners (rechtsklick auf den Ordner), muss nun noch die Thumbnail Generierung eingerichtet werden.

Diese Lösung ist alles andere als perfekt, aber vllt. rettet es ja dem ein oder anderen den Tag :) Anzupassen ist die Thumbnail Size, der Pfad sollte identisch sein.