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

Diese Seite ist durch reCAPTCHA und Google geschützt Datenschutz-Bestimmungen und Nutzungsbedingungen anwenden.

Der Zeitraum für die reCAPTCHA-Überprüfung ist abgelaufen. Bitte laden Sie die Seite neu.