Wie Sie Ihre Formulare auf eine Rechts-nach-Links-Ausrichtung ausrichten

Letzte Aktualisierung: 29. Juli 2026

Zusammenfassen mit:

Arabisch, Hebräisch, Paschtu, Persisch, Urdu und Sindhi sind gängige Sprachen, die von rechts nach links (RTL) geschrieben werden. Wenn das Skript Ihres Formulars in RTL-Richtung sein muss, können Sie CSS verwenden.

Um Ihr Formular in der Rechts-nach-Links-Richtung auszurichten

Wählen Sie im Formular-Generator das Farbroller-Symbol in der oberen links Ecke aus.

Wie Sie Ihre Formulare auf eine Rechts-nach-Links-Ausrichtung ausrichten Image-1

Gehen Sie im Formular-Generator oben zu Stile.
Scrollen Sie nach unten zu Benutzerdefiniertes CSS einfügen.

Wie Sie Ihre Formulare auf eine Rechts-nach-Links-Ausrichtung ausrichten Image-2

Geben Sie den folgenden Code in den CSS-Editor ein:

.form-all, .form-header, .form-subHeader, .form-textarea, .form-textbox {
	direction: rtl;
	text-align: right !important;
}

.form-checkbox-item:not(#foo) label:before, .form-radio-item:not(#foo) label:before {
	right: 0;
	margin-right: 0;
	float: right;
}

.form-radio-item:not(#foo) label:after {
	right: 4px;
}

.form-checkbox-item:not(#foo) label:after {
	right: 8px;
}

.form-checkbox-item:not(#foo) label {
	float: right;
}

.form-all .form-section .form-col-2 {
	width: 33.3% !important;
}

.form-label, label.form-label.form-label-auto, label.form-label:not(.form-label-top) {
	text-align: right !important;
}

span.phone-separate {
	display: none;
}

.form-line-error .form-error-message {
	right: unset !important;
	left: 0 !important;
	text-align: left;
}

.form-checkbox-item:not(#foo) label:after {
	right: 0;
}

.form-multiple-column, .form-single-column {
	width: 100%;
	display: inline-flex;
	flex-wrap: wrap;
}

.form-multiple-column .form-checkbox-item, .form-multiple-column .form-radio-item, .form-single-column .form-checkbox-item, .form-single-column .form-radio-item {
	width: 100%;
}

.form-checkbox+label, .form-checkbox+span, .form-radio+label, .form-radio+span {
	padding-right: 30px;
	padding-left: 0;
}

.form-matrix-values label.matrix-choice-label {
	padding-right: 20px;
	padding-left: 0;
}

.form-label:not(.form-label-top) + .form-input .form-address-line + .form-address-line, .form-sub-label-container + .form-sub-label-container {
	margin-right: 8px;
}

.form-address-line + .form-address-line {
	margin-left: 0;
}

.form-product-item .p_image .image_area {
	margin-left: 10px;
	margin-right: 10px;
}

Notiz

Der Code ist nur auf grundlegende Formularelemente und einige Widgets anwendbar. Wenn Sie Hilfe bei der Ausrichtung von Formularelementen benötigen, die nicht durch den Code abgedeckt sind, wenden Sie sich an den Jotform Support.

Sehen Sie sich Ihr Formular im Vorschaumodus oder im Live-Mudos an, um die Änderungen zu sehen.

Wie Sie Ihre Formulare auf eine Rechts-nach-Links-Ausrichtung ausrichten Image-3

Hier ist ein Demonstrationsformular, um zu sehen, wie es aussieht.