Formular – The Eternal Path https://arasan.de Arasan.de Thu, 15 Sep 2022 19:34:37 +0000 de hourly 1 https://wordpress.org/?v=7.0.2 https://arasan.de/wp-content/uploads/2024/10/triquetra-512x512-1.png Formular – The Eternal Path https://arasan.de 32 32 Symfony todo App – Formular für Erstellen von TodoItems erzeugen https://arasan.de/symfony-todo-app-formular-fuer-erstellen-von-todoitems-erzeugen/ Thu, 15 Sep 2022 19:32:28 +0000 https://arasan.de/?p=625
  • Symfony TodoApp – Projekt mit Git + Github erstellen
  • Symfony TodoApp – TodosController erstellen
  • Symfony TodoApp – Twig Template anpassen
  • Symfony Todo App – Bootstrap Styles hinzufügen
  • Symfony Todo App – TodosController: Create Route hinzufügen
  • Symfony Todo App – Datenbankverbindung erstellen
  • Symfony Todo App – Entity + Repository erstellen
  • Symfony Todo App – TodoItems aus TablePlus Tabelle anzeigen
  • Symfony todo App – Formular für Erstellen von TodoItems erzeugen
  • Symfony Todo App – Formular für Bearbeiten von TodoItems erzeugen
  • Symfony TodoApp – Löschen-Funktion für TodoItems erzeugen
  • Symfony TodoApp – Login + Registrierung hinzufügen

    • In diesem Schritt erstellen wir ein Formular, das wir für das Erstellen von TodoItems verwenden:

    php bin/console make:form TodoItemFormType TodoItem

    Das erstellte FormType sieht so aus (wir fügen außerdem den Submit-Button hinzu):

    Danach fügen wir in der twig.yaml Konfigurationsdatei ein Form-Theme hinzu, damit unser Formular mit Bootstrap-Klassen gestylt wird:

    Unser Formular kann sich im Browser sehen lassen:

    ]]>         Bootstrap Formular Inline anzeigen https://arasan.de/bootstrap-formular-inline-anzeigen/ Tue, 13 Sep 2022 12:58:31 +0000 https://arasan.de/?p=521 Mit folgendem Code kann man ein Bootstrap Formular inline (Klasse „d-inline-block“) anzeigen:

    <!doctype html>
<html lang="de">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Form inline demo</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
</head>
<body>
    <main>
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <a class="btn btn-primary mt-2" href="/websites/create" role="button">Create Website</a>
                    <form class="d-inline-block" action="websites/1/delete" method="post">
                        <button class="btn btn-danger mt-2" type="submit" role="button">Delete Website</button>
                    </form>
                </div>
            </div>
        </div>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
    </main>
</body>

    Das Ergebnis sieht wie folgt aus:

    ]]>