WebApps mit Frameworks entwickeln - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 338

margin: 10,
ui: 'decline',
iconCls: 'action',
iconMask: true
}
Die Eigenschaft ui (kurz für User Interface , engl. Benutzeroberfläche) verändert nicht
nur die Hintergrundfarbe, sondern gleichzeitig die Textfarbe eines Buttons. Möglich
sind dabei folgende Werte:
normal für einen grauen Button
action für einen dunkelblauen Button
decline für einen roten Button
confirm für einen grünen Button
Darüber hinaus können Sie mit ui die Außenform der Schaltfläche verändern:
back - der Button wird zu einem linksgerichteten Pfeil.
forward - der Button wird zu einem rechtsgerichteten Pfeil.
round - der Button erscheint abgerundet.
Über iconCls fügen Sie der Schaltfläche ein Symbol hinzu. Der Wert 'action' steht für
ein kleines Rechteck mit einem Pfeil. Wichtig ist, dass Sie außerdem die Eigenschaft
iconMask: true setzen.
Es wäre jetzt aber noch toll, wenn tatsächlich etwas passiert, wenn Sie auf den Button
tippen. Dafür sorgt die Eigenschaft handler :
handler: function() {
alert('Du hast ja doch geklickt!');
}
Abbildung 8.24 Die Standard-Dialogbox