Hilfe-Center

Icons

Allgemeines

Innerhalb einer PageType- oder ShapeType-config-Datei kann über das Tag <Icon> ein Vorschau-Icon mit individuellem Aussehen angegeben werden. Innerhalb des Icon-Tags können mit <Line>-Tags einzelne Zeilen eingefügt werden.
Die Zeilen beinhalten verschiedene oder gleiche einzelne Buchstaben, die den Aufbau des fertigen Icons beschreiben.

Jeder einzelne Buchstabe hat eine eigene Funktion, sprich er entspricht einem bestimmten Symbol (siehe Liste unten). Wenn ein größeres Element gewünscht ist, dann kann einfach entweder die Anzahl des gleichen Buchstabes vergrößert werden, oder die Gesamtanzahl aller Zeilen und anderen Buchstaben verkleinert werden. Die folgliche Endgröße einer Buchstabengruppe wird immer in Relation zum gesamten Icon berechnet. Eine Buchstabengruppe wird immer als Rechteck dargestellt. 

Die genaue Anzahl der Zeilen ist nicht fest und kann beliebig verändert werden. Um mehrere kleine Elemente einfügen zu können, wird empfohlen, dass man einen möglichst großen "Grid" erstellt. Bei großen Elementen reicht unter Umständen auch ein kleines Grid. 

Wichtig dabei ist nur, dass alle Zeilen gleich lang sind.

Bei dem Wunsch, dass viele Einzelelemente des gleichen Typs nebeneinander erscheinen, kann dies mit Groß- und Kleinbuchstaben erreicht werden. Beispiel: Wenn zwei Bilder nebeneinander angezeigt werden sollen, muss erst mit einem Großen I die Fläche des einen Bildes definiert werden. Die Fläche des zweiten Bildes wird dann mit einem kleinen i definiert. Sollte noch über den Bildern ein weiteres Bild hinzugefügt werden, dann sollte darauf geachtet werden, dass die Fläche der einzelnen Bildern nie mit dem gleichen Buchstaben (Groß oder Klein) definiert werden.

Beispiele

Generiertes Beispielicon

Ausschnitt aus Konfigurationsdatei (erzeugt das Icon links):

<Icon>
    <Line>TTTTTTTVVVVDDDDD</Line>
    <Line>TTTTTTTVVVVDDDDD</Line>
    <Line>MMMttttvvvvPPPPP</Line>
    <Line>MMMttttvvvvPPPPP</Line>
    <Line>SSSSSSSsssssssss</Line>
    <Line>SSSSSSSsssssssss</Line>
    <Line>SSSSSSSiiiiiiiii</Line>
    <Line>aaaaaaaiiiiiiiii</Line>
    <Line>aaaaaaaIIIIINNNN</Line>
    <Line>eeeeeeeIIIIINNNN</Line>
</Icon>      


Liste aller Buchstaben, die für die Icon-Generierung zur Verfügung stehen

Im Folgenden findet sich eine Übersicht über alle Buchstaben, die der in CONTAILOR integrierte Icon-Generator verarbeiten kann. Das Schreiben eines der Buchstaben innerhalb eines Icons erzeugt dabei das links dazu angezeigte Icon. 
Zusätzlich zu den Buchstaben können Punkte zum Schaffen von Abständen verwendet werden.

Update 2018-09-11: Leerzeichen sind anstatt von Punkten (Leerer Abstand) nicht mehr zugelassen.

o - Accordion-head-opened (Akkordion-Kopfzeile geöffnet)

a - Accordion-head-closed (Akkordion-Kopfzeile geschlossen)

e - AccordionItem (Akkordeonitem)

b - Button (Knopf)

- Comment (Kommentar)

- Download (Herunterladen)

- Frame (Rahmen)

- Headline (Kopfzeile)

- N-times (und noch mehr)

- Map (Karte)

- Image (Bild)

- Left (Dreieck zeigt auf links)

- Right (Dreieck zeigt nach rechts)

- Placeholder (Platzhalter)

- Slider (Bildschieber)

- Textzeile(n)

War dieser Beitrag hilfreich?
1 von 3 fanden dies hilfreich.
Es ist ein technisches Problem aufgetreten. Bitte wenden Sie sich telefonisch oder per E-Mail an uns.