Häufig benutzte Bootstrap Icons für Oracle APEX (Button, Report, etc.)

           No comments   

 

Häufig benutzte Bootstrap Icons für Oracle APEX (Button, Report, etc.)





Frage

Wie können Icons in einem Button oder als ein Report-Link dargestellt werden?

Antwort

Jedes Icon hat eine eindeutige CSS Klasse, über die sie aufgerufen werden. Die Icon-Darstellung wird über eine CSS Klasse in Form eines HTML Tags dargestellt. Zum Einfügen eines Icons wird ein HTML Tag mit der jeweiligen CSS Klasse an die passende Stelle in APEX hinterlegt.

Für Button:

  • Einen Button auswählen.
  • Zum Punkt „Appearance“ navigieren.
  • Beim Punkt „Button Template“ die Option „Button with icon“ auswählen.
  • Weiterhin beim Punkt „Icon“ folgendes eingeben: `fa fa-check`.
  • Abschließend die Seite speichern und ansehen.

Für Region:

  • Ein Report (Region) auswählen.
  • Eine beliebige Spalte auswählen.
  • Zum Punkt „Identification“ navigieren.
  • Beim Punkt „Type“ die Option „Link“ auswählen.
  • Zum Punkt „Link“ navigieren.
  • Einen Ziel Link definieren.
  • Weiterhin beim Punkt „Link Text“ folgendes eingeben: `<span class="fa fa-check" aria-hidden="true"></span>`.
  • Abschließend die Seite speichern und ansehen.


Quellcode

Für diesen Anwendungsfall wurde das folgende Quellcode verwendet:
  • Icon für Erstellen oder Speichern: <span aria-hidden="true" class="fa fa-check"></span>
  • Icon für Löschen Button: <span aria-hidden="true" class="fa fa-trash-o"></span>
  • Icon für Abbrechen: <span aria-hidden="true" class="fa fa-remove"></span>
  • Icon für Bearbeiten: <span class="fa fa-edit" aria-hidden="true"></span>
  • Icon für Ansicht: <span aria-hidden="true" class="fa fa-eye"></span>

Weitere Links

0 $type={blogger}:

Kommentar veröffentlichen