Zurück

Contact Form 7 Quizfelder Platzhalter

Contact Form 7 ist das meistverwendetste Kontaktformular Plugin in WordPress. Nicht unberechtigt, da die Konfiguration doch sehr einfach ist. Doch die Fertiglösung hat Grenzen. So hat das CF7 Plugin leider keine Option vorgesehen, dass bei einem “Quiz-Feld” der Labeltext innerhalb des Inputfeldes als Platzhalter angezeigt wird.

Labelposition für Quiz-Inputfeld nur oberhalb vom Feld möglich, nicht als Platzhalter.

Der folgende Code welcher im WordPresstheme unter functions.php platziert werden kann, platziert das Label der Quizfelder als Platzhalter.

// Start allowance of jQuery to $ shortcut
 jQuery(document).ready(function($){

// Contact Form Quiz Placeholder
$('.cf7_placeholder').each(function(){
    var $this = $(this),
        placeholderText = $this.text(),
        $parent = $this.parent(),
        $label = $parent.find('.wpcf7-quiz-label'),
        $input = $parent.find('.wpcf7-quiz');

    $input.attr('placeholder', placeholderText);
    $this.text('');
    $label.text('');
    $label.hide();
});

// Ends allowance of jQuery to $ shortcut
});

Im Contactform 7 Plugin muss das Quizfeld wie folgt eingegeben werden:

        [quiz quiz-648 placeholder "Welche Zahl ist grösser, 7 oder 3?|7"]
        <span class="cf7_placeholder">Welche Zahl ist grösser, 7 oder 3?</span>

Schlussendlich sieht das Quizfeld wie folgt aus:

Label als Platzhalter in Contact Form 7 Quizfelder

Der Inhalt

Andere Beitrage

Startup Silenccio – gegen Hass im Netz

Unser Inhaber von nadlo GmbH, Lukas Keller, ist mit seinem Startup Silenccio in der Pendlerzeitung 20 Minuten erschienen. Silenccio ist eine Software entwickelt für die Bekämpfung von Hass im Netz. Wer kennt es nicht, die alltäglichen Beschimpfungen und Beleidigungen die man auf verschiedenen Sozial Media Plattformen zu lesen bekommt? Lukas Keller ist zusammen mit drei […]

Silenccio erhält für ihr Service-Angebot den Innovationspreis der Schweizer Assekuranz

Unser Inhaber, Lukas Keller, hat gemeinsam mit Silenccio und AXA-ARAG den Innovationspreis der Schweizer Assekuranz gewonnen. AXA-ARAG und Silenccio kämpfen gemeinsam gegen Hasskommentare im Internet. Feindseligkeiten zwischen verschiedener Personen, Gruppen oder Parteien sind nichts Neues. Aber durch den digitalen Wandel bekommen solche Feindseligkeiten eine ganz neue Bedeutung. Menschen können anonym und viel schneller Hassreden verfassen, […]