Kategorien
Kleine Tipps

Checkbox-Label per CSS korrigieren

Fast jede Anwendung benötigt Checkboxen.  In APEX gibt es allerdings eine kleine “Unschönheit”, wenn man Labels neben den Checkboxen verwendet.

Hier ist eine Checkbox und rechts davon ein Label zu sehen. Das Label ist direkt an die Checkbox gequetscht und hängt zu weit unten.
Problem: Label zu nah an der Checkbox und zu weit unten
Wunsch
Wunsch: So muss das aussehen

Hier die Anpassung per CSS:

/* Abstand und Ausrichtung zw. Checkbox und Checkbox-Label anpassen */
input[type='checkbox'] {
    margin-right: 5px;
    margin-top: 4px;
}

Übrigens: In APEX setze ich fast immer das Plug-in “Simple Checkbox” ein. Ein sehr einfaches Plug-in, entwickelt vom Oracle-Team. Das Handling mit einer nicht gesetzten Checkbox ist damit viel einfacher.

Von Markus Hohloch

Selbständiger Berater für Softwareentwicklung und Informationstechnik. Schwerpunkte sind die Entwicklung von Web-Applikationen mit Oracle APEX oder Java und Jasper Reports.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.