Darstellung des EGL Mobile Widget anpassen

Sie können für jedes Mobile Widget die Darstellung in Ihrem Style-Sheet neu definieren, um die Layoutanforderungen zu erfüllen.

Informationen zu diesem Vorgang

Sie können Abbildung 1 zu Abbildung 2 ändern, indem Sie die Standardbasisklasse verwenden.
Abbildung 1. Linksbündig ausgerichtete mobile Schaltflächen in den Listenelementen
Linksbündig ausgerichtete mobile Schaltflächen in den Listenelementen
Abbildung 2. Rechtsbündig ausgerichtete mobile Schaltflächen in den Listenelementen
Rechtsbündig ausgerichtete mobile Schaltflächen in den Listenelementen

Vorgehensweise

  1. Siehe Tabelle 1. Die Standardbasisklasse für das Listenelement ist "eglMblListItem" und die Standardbasisklasse für die Schaltfläche ist "eglMblBtn".
  2. Fügen Sie die folgenden CSS-Regeln zum Style-Sheet hinzu, das Ihrem RUI-Handler zugeordnet wurde.

    .eglMblListItem .eglMblBtn{ float: right; margin-right: .3em; }

  3. Aktualisieren Sie den visuellen Editor.

Ergebnisse

Sie werden feststellen, dass alle mobilen Schaltflächen in den Listenelementen rechts schweben und dass die Schaltflächen außerhalb der Listenelemente nicht betroffen sind.

Feedback