Icon - Häufig benutzte Bootstrap icon für Oracle APEX (Button, Report, etc.)
Wie können Icons in einem Button oder als ein Report-Link dargestellt werden?
Jedes Icon hat eine Eindeutige CSS Klasse, über die sie aufgerufen werden. Die Icon-Darstellung wird über eine CSS Klasse in Form eines HTML Tag dargestellt. Zum Einfügen eines Icons wird ein HTML Tag mit der jeweiliger CSS Klasse and die passende stelle in APEX hinterlegt. (Siehe Bild)
.jpeg)
Exemplifikation
Vorgehen
Für Button:
1. Einen Button auswählen.
2. Zum Punkt-„Appearance“ navigieren
3. Beim Punkt-„Button Template“ die Option-„Button with icon“ auswählen
4. Weiterhin beim Punkt-„Icon“ folgendes eingeben „fa fa-check“
5. Abschließend die Seite speichern und ansehen.
Für Region:
1. Ein Report (Region) auswählen.
2. Eine beliebige Spalte auswählen.
3. Zum Punkt -„Identification“ navigieren
4. Beim Punkt-„Type“ die Option-„Link“ auswählen
5. Zum Punkt-„Link“ navigieren
6. Einen Ziel Link definieren
7. Weiterhin beim Punkt-„Links Text“ folgendes eingeben „<span class="fa fa-check" aria-hidden="true"></span>“
8. Abschließend die Seite speichern und ansehen.
1. Einen Button auswählen.
2. Zum Punkt-„Appearance“ navigieren
3. Beim Punkt-„Button Template“ die Option-„Button with icon“ auswählen
4. Weiterhin beim Punkt-„Icon“ folgendes eingeben „fa fa-check“
5. Abschließend die Seite speichern und ansehen.
Für Region:
1. Ein Report (Region) auswählen.
2. Eine beliebige Spalte auswählen.
3. Zum Punkt -„Identification“ navigieren
4. Beim Punkt-„Type“ die Option-„Link“ auswählen
5. Zum Punkt-„Link“ navigieren
6. Einen Ziel Link definieren
7. Weiterhin beim Punkt-„Links Text“ folgendes eingeben „<span class="fa fa-check" aria-hidden="true"></span>“
8. Abschließend die Seite speichern und ansehen.
Bild
Download
Quellcode
Weitere Links
Viele weitere Icons finden sie unter folgenden Link:
https://apex.oracle.com/pls/apex/f?p=42:icons
https://apex.oracle.com/pls/apex/f?p=42:icons
Posts
0 $type={blogger}:
Kommentar veröffentlichen