Kontaktformular Override für Bootstrap 4

Moin Moin,

hat jemand evtl ein aktuellen Kontaktformular Override, der die Buttons und Textfelder mit Bootstrap 4 formatiert?

Ich komme da nicht so recht weiter, weil ich auch durch die Slider / Tab Einstellung auch jede Menge Fehler in der Konsole habe (habe jetzt gerad keinen GC zur Hand, poste die Fehlermeldung aber heute Abend nochmal.)

Vllt hat jemand ja noch so was rumzuliegen, an dem ich mich orientieren könnte.

Vielen dank....

Huhu,

ich hole das alte Thema nochmal wieder raus, weil ich da leider noch nicht weiter gekommen bin.

Der Override für das Kontaktformular ist leider echt nicht trivial, vllt hat da noch jemand eine Quelle, Buchtipp oder ein Idee, wie ich das umsetzen könnte.

Habe das auch hier gepostet: https://forum.joomla.org/viewtopic.php?f=713&t=973746

Vielen Dank,

deltapapa

Moin Moin Christiane,

genau das suche ich. Mein Problem ist, das ich nicht genau weiß wie ich das in den Override einbaue.

Ich habe es in der Datei default_form.php probiert, aber das hat irgendwie nie so richtig geklappt.

Könntest du den Override hier einmal posten? Dann könnte ich mich daran entlang hangeln.

Vielen Dank,

deltapapa

Mhhhh, so einfach ist das??? Ich glaube, ich habe da immer viel zu kompliziert gedacht. Wahrscheinlich habe ich immer versucht, alles Funktionalitäten (Slider etc) mit drinnen zu lassen, und das alles auf BS 4 umzubauen.

Klasse, dann werde ich das mal testen, und kann das auf dem JDD19 entsprechend mit einbauen.

Vielen Dank euch beiden

Ich habe ein BS4 Template, nur wollte ich den Kontakt Override viel zu kompliziert umbauen...das hatte ich irgendwie falsch angefangen...

Moinsen,

hier mal eine kleine Rückmeldung für das Anpassen der com_contact, wenn ihr ein eigenes BS 4 Template habt.

Ich hatte folgendes Problem mit der o.a. Lösung: Es wurden mir weder das re-captcha noch die Spam Prüfung des ECC+ angezeigt. Diese Dinge werden anscheinend on the fly bei der Erstellung des Forms zusammengebaut. Daher funktionierte die o.a. Lösung für mich nicht, und ich hatte die ganze Geschichte erst einmal wieder auf Eis gelegt.

Dann habe ich den neuen BS 4 Override von j-over gesehen (https://www.j-over.de/de/templ…mular-mit-captcha-am-ende) und bin wieder angefangen zu testen. Dabei habe ich festgestellt, das es ausreicht, in der default_form.php im Kopf folgenden Code zu ergänzen:

// deltapapa
$this->form->setFieldAttribute('contact_name', 'class', 'form-control w-100 text-primary');
$this->form->setFieldAttribute('contact_email', 'class', 'form-control w-100 bg-primary');
$this->form->setFieldAttribute('contact_subject', 'class', 'form-control w-100');
$this->form->setFieldAttribute('contact_message', 'class', 'form-control w-100');

Dann werden automatisch die angesprochenen Felder mit den Klassen versehen, wie ihr das wollt. Ich habe mal als Beispiel bei contact_name die Text Farbe zusätzlich verändert und bei email den Background. Nur als Beispiel.

Hier die ganze Datei:

<?php
/**
 * @package     Joomla.Site
 * @subpackage  com_contact
 *
 * @copyright   Copyright (C) 2005 - 2019 Open Source Matters, Inc. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

defined('_JEXEC') or die;

JHtml::_('behavior.keepalive');
JHtml::_('behavior.formvalidator');

// deltapapa
$this->form->setFieldAttribute('contact_name', 'class', 'form-control w-100 text-primary');
$this->form->setFieldAttribute('contact_email', 'class', 'form-control w-100 bg-primary');
$this->form->setFieldAttribute('contact_subject', 'class', 'form-control w-100');
$this->form->setFieldAttribute('contact_message', 'class', 'form-control w-100');

?>

<div class="contact-form">
    <form id="contact-form" action="<?php echo JRoute::_('index.php'); ?>" method="post" class="form-validate form-horizontal well">
        <?php foreach ($this->form->getFieldsets() as $fieldset) : ?>
            <?php if ($fieldset->name === 'captcha' && !$this->captchaEnabled) : ?>
                <?php continue; ?>
            <?php endif; ?>
            <?php $fields = $this->form->getFieldset($fieldset->name); ?>
            <?php if (count($fields)) : ?>
                <fieldset>
                    <?php if (isset($fieldset->label) && ($legend = trim(JText::_($fieldset->label))) !== '') : ?>
                        <legend><?php echo $legend; ?></legend>
                    <?php endif; ?>
                    <?php foreach ($fields as $field) : ?>
                        <?php echo $field->renderField(); ?>
                    <?php endforeach; ?>
                </fieldset>
            <?php endif; ?>
        <?php endforeach; ?>
        <div class="control-group">
            <div class="controls">
                <button class="btn btn-primary validate" type="submit"><?php echo JText::_('COM_CONTACT_CONTACT_SEND'); ?></button>
                <input type="hidden" name="option" value="com_contact" />
                <input type="hidden" name="task" value="contact.submit" />
                <input type="hidden" name="return" value="<?php echo $this->return_page; ?>" />
                <input type="hidden" name="id" value="<?php echo $this->contact->slug; ?>" />
                <?php echo JHtml::_('form.token'); ?>
            </div>
        </div>
    </form>
</div>

Viele Spaß,

deltapapa