Online Formular: Felder werden in der PDF verschoben?

bei einem Online Formular habe ich eine ... Code eingebaut, weil das Formular so groß ist. jetzt verschieben sich in der pdf alle felder nach unten, aber die sollen so bleiben wie im online formular. geht das?

<label for="Traeger" style="width: 110px;">Träger</label>

</div>

im Formular:

Bild zum Beitrag

und in der pdf:

Bild zum Beitrag

2 Antworten

HoiZusammen

23.01.2025, 15:49

<div class="col-xs-12">
    <div class="form-group">
        <label for="Traeger" style="width: 110px;">Träger</label>
        <input type="text" class="form-control" 
            style="width: 560px; height: 22px;" 
            name="Traeger" 
            value="{if $pdf}{$values.Traeger}{/if}">
    </div>
</div>

Nicht schön, sollte aber seinen Zweck erfüllen.

Trenne den Style vom Rest.

maetin944

Beitragsersteller

23.01.2025, 15:51

danke

McSKB

23.01.2025, 15:49

Nutze die Attribute Inline-block im CSS - das sollte das Problem beheben.

Woher ich das weiß:Studium / Ausbildung – Begeisterter Beweger der 0 und 1

Ähnliche Beiträge

JavaScript um Feld leer zu lassen?

Habe ein Formular gebaut wo eine Ja und Nein Abfrage ist:

Bei Ja kommt ein Feld dazu und bei Nein kommt kein Feld, (so weit so gut)

Wenn aber im Feld Welche (bei Ja) was eintippt, und dann doch zurück zum Nein geht, soll der Feld wieder frei sein, also ich meine leer.

Wie kann den Code dafür in JavaScript schreiben?

...zum Beitrag

online-Formular PDF vergrößert sind automatisch?

Kann man im Online-Formular die erstellte PDF größer machen, so dass die mitwächst, wenn man mehr text einträgt:

<textarea class="form-control" style="height:{if $pdf}200{else}{/if}px;" id="sonstige_Anmerkungen" name="sonstige_Anmerkungen">{if $pdf}{$values.sonstige_Anmerkungen|nl2br}{/if}</textarea>

...zum Beitrag

Html Passwort?

Guten Tag ich bin dabei eine seite zu programmieren auf welcher man einen key eingeben muss und dann weiter geleitet wird jedoch stoße ich hirbei auf probleme und zwar ist das passwort schon automatisch eingegeben und man kann eingeben was man will man wird trotzdem weitergeleitet wie kann ich das beheben hier der code :

<!DOCTYPE html>
<html>
<body>
<h1>Key</h1>
<form action="/action_page.php">
 <label for="key">Key:</label>
 <input type="password" id="key" name="key" value="1234"><br><br>
 <input type="submit" value="Submit">
</form>
<p>Click the "Submit" button and the form-data will be sent to a page on the 
server called "hier kommt noch ein link".</p>
</body>
</html>

...zum Beitrag

Checkboxen die Pflicht sein soll?

man soll umbedigt eines der Checkboxen auswählen, Bei Bedarf oder Regelmäßig oder Nein.

<div class="col-xs-2">{if $pdf}<span class="span-checkbox{if isset($values.Medikamente_in_Schule_Bei_Bedarf)} span-checkbox-checked{/if}"></span>{else}<label class="checkbox-inline"><input type="checkbox" data-group="Medikamente_Schule" name="Medikamente_in_Schule_Bei_Bedarf" value="Ja">{/if} {language key="elf_Frage_11_Bei_Bedarf"}{if !$pdf}</label>{/if}</div>       

<div class="col-xs-2">{if $pdf}<span class="span-checkbox{if isset($values.Medikamente_in_Schule_Regelmaessig)} span-checkbox-checked{/if}"></span>{else}<label class="checkbox-inline"><input type="checkbox" data-group="Medikamente_Schule" name="Medikamente_in_Schule_Regelmaessig" value="Ja">{/if} {language key="elf_Frage_11_Regelmaeßig"}{if !$pdf}</label>{/if}</div>

<div class="col-xs-2">{if $pdf}<span class="span-checkbox{if isset($values.Medikamente_in_Schule_Nein)} span-checkbox-checked{/if}"></span>{else}<label class="checkbox-inline"><input type="checkbox" data-group="Medikamente_Schule" name="Medikamente_in_Schule_Nein" value="Ja">{/if} {language key="elf_Frage_11_Nein"}{if !$pdf}</label>{/if}</div>

...zum Beitrag

Warum kann ich meinen HTML- Code nicht mit meinem Python- Code verbinden?

Hallo,

ich wollte meinen Python- Code mit meinem HTML- Code verbinden, damit, wenn mein Wake- Word "Luna" erkannt wurde, ein div in der Datei index.html seine Farbe ändert. Hier ist der Code:

Python:

from flask import Flask, render_template
from flask_socketio import SocketIO, emit

app = Flask(__name__)
app.config['SECRET_KEY'] = 'luna_secret1984773249523'
socketio = SocketIO(app)


@socketio.on('connect')
def handle_connect():
    emit('message', {'data': 'Connected'})


@socketio.on('start_listening')
def start_listening():
    if detect_wake_word():
        emit('color_change', {'color': 'red'})


@app.route('/')
def index():
    return render_template('output.html')

HTML /CSS:

... #color_div {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: green;
}    
</style>
</head>
<body>
<div id="color_div"></div>

JavaScript:

... // FLASK
        var socket = io();

        socket.on('connect', function() {
            socket.emit('start_listening');
        });

        socket.on('color_change', function(msg) {
            document.getElementById('color_div').style.backgroundColor = msg.color;
        });
</script>
</body>
</html>
    """
    with open("output.html", "w") as html_file:
        html_file.write(html_content)

    return "output.html"

Wenn ich den Code aber ausführe und "Luna" sage, ändert der Div nicht seine Farbe. Woran liegt das?

Freundliche Grüsse

...zum Beitrag

Warum funktioniert Flask und Websockets nicht?

Hallo,

ich wollte meinen Python- Code mit meinem HTML- Code verbinden, damit, wenn mein Wake- Word "Luna" erkannt wurde, der Hintergrund der Datei output.html seine Farbe ändert und rot wird. Hier ist der Code:

Python:

from flask import Flask, render_template
from flask_socketio import SocketIO

app = Flask(__name__)
socketio = SocketIO(app)


@app.route('/')
def index():
    return render_template('index.html')


@socketio.on('connect')
def handle_connect():
    print("Client verbunden")


@socketio.on('disconnect')
def handle_disconnect():
    print("Client getrennt")


@socketio.on('change_background')
def change_background(color):
    print("Hintergrundfarbe ändern:", color)
    socketio.emit('background_changed', color)

HTML /CSS:

... body {
  background-color: black;
  margin: 0;
  padding: 0;
  text-align: center;
  overflow-x: hidden;
  overflow-y: hidden;
    -webkit-user-select: none; /* Für WebKit-Browser */
    -moz-user-select: none; /* Für Mozilla-basierte Browser */
    -ms-user-select: none; /* Für Microsoft Edge */
    user-select: none;
}  
</style>
</head>
<body>

JavaScript:

... // FLASK
    var socket = io();

    socket.on('connect', function() {
        console.log('Verbunden mit dem Server');
    });

    socket.on('disconnect', function() {
        console.log('Verbindung zum Server getrennt');
    });

    socket.on('background_changed', function(color) {
        console.log('Hintergrundfarbe geändert:', color);
        document.body.style.backgroundColor = color;
    });
</script>
</body>
</html>
    """
    with open("output.html", "w") as html_file:
        html_file.write(html_content)

    return "output.html"

Wenn ich den Code aber ausführe und "Luna" sage, ändert der Hintergrund nicht seine Farbe. Woran liegt das?

Freundliche Grüsse

...zum Beitrag

PDF Formular mit Schaltfläche fürs einfügen von Bildern?

Hallo Zusammen. Ich brauche für die Arbeit ein PDF Formular, dass ich Größtenteils schon selbst erstellt habe und alles funktioniert soweit super. Was jetzt noch fehlt ist die Möglichkeit über ein Mobiles gerät Bilder einzufügen. Ich hab zwar eine "Bilder einfügen" Funktion gefunden, allerdings funktioniert diese nur am PC.

Hat jemand vielleicht eine Idee, wie ich das zum laufen bekommen könnte?

Ich hab schon überlegt, ob man den Code von der Schaltfläche selbst nicht anpassen könnte. Andere Vorschläge?

Das ist mein bisheriges Ergebnis:

https://drive.google.com/file/d/1sTFlG98t-uyJ-Ys0_j8Sfvp7iZD1UIzY/view?usp=sharing

...zum Beitrag

PDF - Wie Felder am PC ausfüllbar machen?

Hallo, ich habe ein Formular mit Word erstellt und dieses per PDF24 als PDF gespeichert.

Ich würde dieses PDF-Formular nun gerne so bearbeiten, dass man am PC die Formularfelder schon ausfüllen kann und es so dann drucken kann.

Wie mache ich das am besten?

...zum Beitrag

Welche Software verwenden Behörden, um ausfüllbare Online-PDF-Formulare zu erstellen?

...zum Beitrag

Button in html?

Wie erstelle ich Button in html die man nach links verschieben kann und wenn ein anderer verschoben wird, dass der andere wieder zurück in die ursprüngliche Lage geht.

Wenn möglich sollte der Code (html, css und javascript) möglichst kurz sein und für PC sowie mobile Geräte verfügbar sein.

Danke

...zum Beitrag

Wie klicke ich auf diese Elemente mit Python und Selenium?

Hallo,

Ich versuche, auf die folgenden Elemente auf dieser Webseite (https://www.bing.com/search?q=Bing+AI&showconv=1&FORM=hpcodx) mit Python und Selenium zu klicken.

//*[@id=“tone-options”]/li[3]/button

//*[@id=“camera-container”]/button

//*[@id=“camera-container”]/cib-flyout/cib-visual-search//div[3]/button[1]

Ich habe XPATH, CSS probiert.

Fehler:

selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element: {"method":"xpath","selector":"//*[@id="tone-options"]/li[3]/button"}

(Session info: chrome=119.0.6045.200)

Stacktrace:

GetHandleVerifier [0x00007FF7D97B82B2+55298]

(No symbol) [0x00007FF7D9725E02]

(No symbol) [0x00007FF7D95E05AB]

(No symbol) [0x00007FF7D962175C]

(No symbol) [0x00007FF7D96218DC]

(No symbol) [0x00007FF7D965CBC7]

(No symbol) [0x00007FF7D96420EF]

(No symbol) [0x00007FF7D965AAA4]

(No symbol) [0x00007FF7D9641E83]

(No symbol) [0x00007FF7D961670A]

(No symbol) [0x00007FF7D9617964]

GetHandleVerifier [0x00007FF7D9B30AAB+3694587]

GetHandleVerifier [0x00007FF7D9B8728E+4048862]

GetHandleVerifier [0x00007FF7D9B7F173+4015811]

GetHandleVerifier [0x00007FF7D98547D6+695590]

(No symbol) [0x00007FF7D9730CE8]

(No symbol) [0x00007FF7D972CF34]

(No symbol) [0x00007FF7D972D062]

(No symbol) [0x00007FF7D971D3A3]

BaseThreadInitThunk [0x00007FF8125E7344+20]

RtlUserThreadStart [0x00007FF8130026B1+33]

kann mir jemand helfen? Danke.

...zum Beitrag

Ausgefülltes PDF Dokument lässt sich nicht speichern?

Ich muss ein PDF-Formular ausfüllen (nutze Acrobat Reader DC) und möchte das ausgefüllte Formular dann per Mail verschicken. Allerdings wird mir eine Meldung angezeigt, dass es NICHT möglich ist, das Formular samt eingegebener Daten zu speichern, sondern man es direkt ausdrucken muss. Speichern lässt sich immer nur das leere Formular.

Da ich aber keinen Drucker habe, möchte ich es gerne speichern und verschicken. Es ist eine Datei mit blauen Feldern, in die man Dinge eintragen kann.
Weiß jemand, wie man das ausgefüllte Formular trotzdem als pdf speichern könnte?

...zum Beitrag

Padding funktioniert nicht?

Hi,

Ich bin neu im Themenbereich html und CSS. Mein Problem ist, dass ich ein Textfeld erstellt habe, welches mit folgendem Code eine bestimmte Position haben soll:

    .page-content {
        padding: 30px 200px;
    }

Die 30px wird das Feld auch nach unten verschoben, aber irgendwie wird es nicht die 200px nach rechts verschoben. Weiß jemand, woran das liegen könnte?

Danke für jede Hilfe!

...zum Beitrag

Warum wird meine Seite nicht aktualisiert?

Hallo,

ich wollte machen, dass, wenn ich in Python etwas sage, ein Div im HTML eingefügt wird. Das funktioniert auch ganz gut, aber, da ich kein Websockets verwende, muss ich die Seite immer manuell aktualisieren, wenn der Div eingefügt wurde, damit es ihn auch anzeigt. Diese Funktion wollte ich automatisieren, doch es funktioniert nicht, wieso?

// FLASK
function detectWakeWord() {
    var detectedWord = 'luna'; 
    
    if (detectedWord === 'luna') {
        if (!document.getElementById('luna_wake_word')) {
            var div = document.createElement('div');
            div.id = 'luna_wake_word';
            document.body.appendChild(div);
            showWakeWord();
            
            setTimeout(function() { 
                location.reload(); 
            }, 1000); 
        }
    }
}

detectWakeWord();

Freundliche Grüsse

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen