Contao Konferenz & College 2019 in Duisburg - JETZT TICKET SICHERN!
Ergebnis 1 bis 3 von 3

Thema: Formular Inputfeld mit Absendebutton

  1. #1
    Contao-Nutzer Avatar von sgei
    Registriert seit
    12.12.2011.
    Beiträge
    92

    Standard Formular Inputfeld mit Absendebutton

    Hallo,

    ich versuche gerade mit Contao 4.4.38 und contao-bootstrap ein einfaches Suchfeld mit Absendebutton so bauen. Leider komme ich nicht so recht weiter.

    So soll es werden:

    2019-04-27_11h08_15.png

    Im Prinzip müsste es eine Input-Group sein, aber da kann ich ja nur Text eingeben und keinen Button erstellen.

    Im Moment sieht es so aus. Textfeld + Absendeschaltfläche.

    2019-04-27_11h06_56.png

    Die Absendeschaltfläche ist im Moment als solche erstellt, müsste aber eigentlich Teil des Input-Feldes bzw. der Input-Gruppe sein.

    Hat jemand einen Tipp für mich?

    Danke.

    Steffen

  2. #2
    Contao-Nutzer Avatar von sgei
    Registriert seit
    12.12.2011.
    Beiträge
    92

    Standard

    Hallo,

    ich habe es jetzt erstmal über ein HTML-Element im Formular gemacht...

    HTML-Code:
    <div class="input-group">
      <input class="mb-0 mandatory form-control" id="ctrl_1" name="keywords" type="text" value="" required placeholder="Suche...">
      <div class="input-group-append">
        <button class="submit mb-0 btn btn-primary" type="" id="ctrl_2" name="" alt="S" title="S">S</button>
      </div>
    </div>
    Kann man so etwas auch konfigurieren?

    Steffen

  3. #3
    Contao-Urgestein Avatar von zonky
    Registriert seit
    19.03.2010.
    Ort
    Berlin, Rdf
    Beiträge
    6.205
    User beschenken
    Wunschliste

    Standard

    das Suchfeld sollte doch auch ein eigenes Template haben, was man anpassen kann - oder?

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •