Zum Inhalt springen

Buttonbeschriftungen umbrechen

Erstellt am 22. August 2002 · 4 Antworten · letzte Antwort am 23. August 2002

Tags: Frage

Sourcerer ·

Hallo !

Ich habe folgendes Problem:

Innerhalb meines GMENUs gibt es Buttons mit einer sehr langen Beschriftung. Diese möchte ich umbrechen und den Button entsprechend in der Höhe skalieren oder kopieren.

Am besten wäre es, wenn man den Umbruch in der Überschrift deklarieren könnte, z. B.
"Meine sehr lange <br> Überschrift", aber Alternativen sind auch willkommen.

Walsleben ·

styles.gmenu.bug >
styles.gmenu.bug = HMENU
styles.gmenu.bug {
1 = GMENU
1.target = {$styles.gmenu.bug.pageFrameObj}
1.NO {
wrap = {$styles.gmenu.bug.itemWrap}
XY = {$styles.gmenu.bug.itemW},[30.h]+[22.h]+10
backColor = {$styles.gmenu.bug.bgCol}
transparentBackground = 1
transparentColor = {$styles.gmenu.bug.bgCol}

25 = SHADOW
25 {
textObjNum = 30
offset = 1,1
Color = white
blur = 60
opacity = 50
}
27 < .25
27.textObjNum = 40

30 = TEXT
30.text.field = nav_title // title
30.text.case = {$styles.gmenu.bug.case}
30.text.listNum = 0
30.text.listNum.splitChar = |
30.offset = 0,15
30.fontFile = fileadmin/verdana.ttf
30.fontSize = 10
30.fontColor = {$styles.gmenu.bug.fontColor}
30.niceText = 1

20 < .30
20.fontColor = {$styles.gmenu.bug.bgCol}
20.fontSize = 10
20.offset = {$styles.gmenu.bug.itemW},15

40 < .30
40.text.listNum = 1
40.offset = 0,31

22 < .40
22.fontSize = 18
22.fontColor = {$styles.gmenu.bug.bgCol}
22.offset = {$styles.gmenu.bug.itemW},31
}
1.RO < .1.NO
1.RO = {$styles.gmenu.bug.RO}
1.RO {
30.fontColor = {$styles.gmenu.bug.RO.fontColor}
40.fontColor = {$styles.gmenu.bug.RO.fontColor}
}
}

So geht sowas zum Beispiel.
Das ursprüngliche Beispiel gab es mal in der Mailingliste.

Sourcerer ·

Hmm, irgendwie krieg ich das nicht hin. Was bedeuten denn z. B. die Ausdrücke in den geschweiften Klammern ? Muss ich dafür noch Konstanten deklarieren ?

Hier der relevante Teil meines aktuellen TS:

subparts.MENU_LEVEL1 = HMENU
subparts.MENU_LEVEL1.entryLevel = 1
subparts.MENU_LEVEL1.1 = GMENU
subparts.MENU_LEVEL1.1.useLargestItemX = 1
subparts.MENU_LEVEL1.1.NO {
wrap = | <br>
XY = 10 + [10.w], 16
4 = IMAGE
4.file = fileadmin/test/images/e1.gif
4.tile = 20

5 = IMAGE
5.file = fileadmin/test/images/e1_mitte.gif

6 = IMAGE
6.file = fileadmin/test/images/e1_mitte.gif
6.align = r

10 = TEXT
10.fontColor = #3a444d
10.fontSize = 11
10.text.field = title
10.offset = 4,11
10.align = left
10.fontFile = t3lib/fonts/verdana.ttf
10.niceText = 1
}
}

Wie geht das praktisch ?

Danke im voraus !

Walsleben ·

Ja, die Sachen in den geschweiften Klammern sind Konstanten die bei mir zugewiesen wurden.
Zum verständis wie das mit den 2 zeiligen GMenüs funktioniert.
25 & 27 sind eigentlich dabei uninteressant da wird nur der schatten erzeugt.

mithilfe von :
30.text.listNum = 0
30.text.listNum.splitChar = |
Mithilfe von listNum.splitchar wird der text in mehrere zeilen zerlegt und listNum=0 bringt ihn dazu nur die erste Zeile zunehmen.
40.text.listNum = 1 Bringt Ihn dazu die 2. Zeile zu nehmen.
Man will ja erreichen, das zweizeilige Menüpunkte auch größer sind als einzeilige, das wird erreicht das einmal zusätzlicher die 2. Zeile berechnet wird mit einer größerenSchriftgröße und der schriftfarbe so wie der background (Man zeichnet dann weißer Adler auf weißen Grund), das macht eigentlich nicht viel sinn. Aber durch die addition in XY was die größe des Buttons festlegt, wird dabei berücksichtigt, das wenn die 2. Zeile keinen Text enthält, sie auch nicht gerendert wird und damit eine Höhe von 0 hat und somit in der addition keine Rolle spielt.

Ich hoffe man kann den gedankengang dabei verstehen.

Falls nicht, dann einfach nochmal fragen.

Sourcerer ·

Vielen Dank, soweit habe ich das hinbekommen. Bleiben noch zwei Detailprobleme:

1. ) Ich möchte einen Rollovereffekt machen, in dem ich den Button in einen Kasten einrahme, d. h. ich habe drei Bilder (links, mitte, rechts) die dann bei einem zweizeiligen Button horizontal skaliert werden müssten. Wie macht man das mit TS ?

Oder gibt es noch eine bessere Lösung ? Beim skalieren wäre ja der Kasten beim zweizeiligen Button dicker als beim einzeiligen.

2. ) Er zeigt als Hint den Splitchar | an, wäre schön, wenn man das irgendwie unterbinden könnte.

Danke noch mal für den anderen TS-Code, er hat mir schon sehr geholfen.

[ Diese Nachricht wurde geändert von: Sourcerer am 2002-08-23 09:55 ]