Überschrift
Darstellung eines Textes am oberen Rand eines Steuerelementes als Überschrift.
Die Überschrift wird innerhalb der grafischen Darstellung des Steuerelementes angezeigt, typischerweise oben im Steuerelement. Der Text kann als Konstante im Steuerelement definiert werden oder aus der Sprachumschaltung von EASY UI Designer bezogen werden.
Die Überschrift wird in einer Überschriftanzeige (Element "Title") dargestellt.
Das Element "Title" ist zum Beispiel im Steuerelement "Group" enthalten.
Die Quelle, das Layout, die Darstellung, der Absatz und die Schrift der Überschrift können über die Eigenschaften der Kategorie "Title" des Steuerelements konfiguriert werden, die Farben der Überschrift über die Eigenschaften der Kategorie "Colors".
Folgende Eigenschaften legen die Überschriftentext bzw. die Quelle des Überschriftentextes fest:
TitleText
Verwenden Sie diese Eigenschaft, wenn die Überschrift sprachunabhängig ist, z. B. ein Name oder eine Kurzbezeichnung.
LocalizableTitleText
Soll die Überschrift sprachabhängig sein, kann hier über die Schaltfläche
der Textauswahldialog geöffnet werden. Hierdurch wird die Verbindung
zu einer EASY UI Designer Textdefinition
hergestellt. Die Eigenschaft speichert dann den vollständigen Namen der
Textdefinition.
-
Die Eigenschaft "LocalizableTitleText" hat gegenüber der Eigenschaft Priorität.
Das Layout der Überschrift kann über folgende Eigenschaften konfiguriert werden:
TitleHeight
Legt die Höhe der Überschriftanzeige fest.
TitleMargin
Legt die äußeren Abstände der Überschriftanzeige fest, d. h. zwischen dem Rand der Überschriftanzeige und ihrem übergeordneten oder benachbarten Element.
TitlePadding
Legt die inneren Abstände der Überschriftanzeige fest, d. h. zwischen dem Rand der Überschriftanzeige und ihrem Inhalt, also dem eigentlichen Überschrifttext.
TitleWidth
Legt die Breite der Überschriftanzeige fest.
Für die Darstellung der Überschrift stehen folgende Eigenschaften zur Verfügung:
ShowTitle
Legt fest, ob die Überschrift angezeigt werden soll.
Zeilenumbrüche, Zeilenhöhe und Textausrichtung der Überschrift werden über folgende Eigenschaften konfiguriert:
TitleLineClamp
Gibt die Anzahl der Zeilen für die Überschrift an, falls der Überschriftentext länger ist als die Überschriftanzeige breit (TitleWidth). Die Eigenschaft hat nur eine Wirkung, wenn die Eigenschaft "TitleTextWrapping" auf "WrapWithLineClamp" eingestellt ist. Zeilenumbrüche werden anstelle von Leerzeichen im Überschriftentext eingefügt, d. h. innerhalb eines Wortes wird nicht umgebrochen.
TitleLineHeight
Legt die Höhe der Textzeile(n) der Überschrift fest. Siehe auch CSS-Referenz: line-height
TitleTextAlignment
Legt die horizontale Ausrichtung des Überschriftentextes innerhalb der Überschriftanzeige fest. Siehe auch CSS-Referenz: text-align
TitleTextTrimming
Legt fest, wie der Überschriftentext gekürzt wird, wenn er länger ist als die Überschriftanzeige breit.
-
Diese Eigenschaft hat nur bei einzeiligem Text (TitleTextWrapping = NoWrap) eine Auswirkung
-
Clip
Der überschüssige Text wird abgeschnitten.
-
Ellipsis
Der überschüssige Text wird durch eine Ellipse (…) abgekürzt (Standardeinstellung).
-
Overflow
Der Text wird angezeigt und ragt eventuell über den Rand des Steuerelements hinaus.
TitleTextWrapping
Legt fest, ob und wie der Überschriftentext umgebrochen wird.
NoWrap
Kein Zeilenumbruch, der Überschriftentext wird in einer Zeile dargestellt. Ist der Überschriftentext länger als die Breite des Steuerelements, dann wird der überschüssige Text je nach Einstellung in der Eigenschaft "TitleTextTrimming" entweder abgeschnitten, durch eine Ellipse abgekürzt oder ragt über den Rand des Steuerelements hinaus.
Wrap
Ist der Überschriftentext länger als das Steuerelement breit, dann wird der Text mehrzeilig dargestellt. Zeilenumbrüche werden am jeweiligen Zeilenende nach einem Leerzeichen oder einem Bindestrich automatisch eingefügt.
-
Ist die Eigenschaft "Width" auf "auto" eingestellt, dann passt sich die Breite des Steuerelements der Textlänge so lange an, bis seine Breite durch die Breite des übergeordneten Containers begrenzt wird.
-
Ist die Höhe des Steuerelements kleiner als die Gesamthöhe der Zeilen, ragen Zeilen eventuell über die untere Grenze des Steuerelements hinaus. Das Abschneiden der Zeilen wird im Steuerelement RadioButtonGroup dadurch verhindert, dass die Eigenschaft "Height" standardmäßig auf "auto" eingestellt ist. In der Group hingegen ist die Breite standardmäßig auf 200px eingestellt. Stellen Sie in der Group die Eigenschaft "Height" bei Bedarf manuell auf "auto" ein.
WrapWithLineClamp
Ist der Text länger als das Steuerelement breit, dann wird der Text mehrzeilig dargestellt. Dabei wird der Text maximal so viele Zeilen enthalten wie in "TitleLineClamp" angegeben ist. Zeilenumbrüche werden am jeweiligen Zeilenende nach einem Leerzeichen oder einem Bindestrich automatisch eingefügt. Ist überschüssiger Text vorhanden, dann wird am Ende der letzten Zeile eine Ellipse automatisch eingefügt. Die Ellipse wird unabhängig von der Einstellung in "TitleTextTrimming" eingefügt.
-
Die Anmerkungen für "Wrap" gelten entsprechend für "WrapWithLineClamp".
WrapWithWordBreak
Ist der Text länger als das Steuerelement breit, dann wird der Text mehrzeilig dargestellt. Bei dieser Einstellung ist der Textumbruch auch innerhalb der Wörter erlaubt.
-
Die Anmerkungen für "Wrap" gelten entsprechend für "WrapWithWordBreak".
Die Schrift des Überschriftextes wird über folgende Eigenschaften konfiguriert:
TitleFontClass
Legt die Schriftklasse des Überschriftentextes fest.
-
Die Eigenschaft enthält eine Liste von Schriftklassen, aus denen eine ausgewählt werden kann. Die Einstellungen werden aus einer CSS-Datei bezogen (fontclasses.css), die im Ordner resourcesWtypography im Client-Projektverzeichnis zu finden ist.
TitleFontSize
Legt die Schriftgröße des Überschriftentextes fest. Siehe auch CSS-Referenz: font-size
TitleFontWeight
Legt fest, wie dick oder dünn die Buchstaben des Überschriftentextes dargestellt werden sollen. Siehe auch CSS-Referenz: font-weight
TitleTextContrast
Legt fest, wie hell der Überschriftentext dargestellt werden soll, von 1 (undurchsichtig, Standardeinstellung) über 0,5 (halb durchsichtig) bis 0 (komplett durchsichtig). Siehe auch CSS-Referenz: opacity
TitleUppercase
Legt fest, dass der Überschriftentext in Großbuchstaben dargestellt wird. Siehe auch CSS-Referenz: text-transform
Verwandte Themen:
Betrifft diese Steuerelemente: