Flexi Contact

A Flexible and Configurable Contact Form to Add to any Page

Back to Flexi Contact Support

Josh
Josh

I went with the second option so that I didn't have to use the bootstrap classes, but it just ignores the AJAX when I do. Submit just sends it as a GET request. Any ideas? Here's my page's HTML:

title = "Contact"
url = "/contact"
layout = "defaultl"

[contactForm]

[blogCategories]
idParam = ":slug"
categoryPage = "category"
categoryPageIdParam = ":slug"
displayEmpty = "0"
==
<div class="main-content contact-form">
    <form role="form"
      data-request="{{ __SELF__ }}::onMailSent"
      data-request-update="'{{ __SELF__ }}::confirm': '.confirm-container'"
      data-request-success="$('.form-groups').hide(1000)">

        <div class="confirm-container">
            <!--This will contain the confirmation when the email is successfully sent-->
        </div>

        <input type="text" class="default-input rounded" value=""  name="name" placeholder="Name">
        <input type="text" class="default-input rounded" value="" name="email" placeholder="Email">
        <input type="text" class="default-input rounded" value="" name="subject" placeholder="Subject">
        <textarea class="default-input rounded" value="" name="body" placeholder="Message" cols="30" rows="5"></textarea>
        <button type="submit" class="btn orange full rounded">Submit</button>
    </form>
</div>
LaminEvra
LaminEvra

Hi josh630, thanks for sending the bug. I realized now that if you need to use the second option, you need to change the SELF to contactForm or to any alias you've specified for the component.

I will update the docs soon. Thanks for spotting it.

LaminEvra
LaminEvra

Also, make sure to include jquery and the {% framework %} tag in your layout or page.

Josh
Josh

Oh! That totally makes sense. Ha! Thanks for the quick reply and the help. :)

LaminEvra
LaminEvra

No worries, glad it was helpful. Could you please give me a like if you like the plugin.

enok
enok

Hi Lamin, I am using this plugin and followed all the default instructions for the setup including the Flexi Contact Settings. It seems to work when clicking the send button but I actually never receive the message to my email. I am using a gmail address to receive the messages could that be an issue? Or can it be the hosting, I currently using host gator. Not sure what it can be, I'm sure the plugin is done well and sure looks like it works when it notifies me that the message has been sent. Btw I have double checked with three different email addresses. Any ideas?

octobro
octobro

How can i add simple field validation?

Josh
Josh

@isntritchie2664 I would suggest jquery validation. It's what I have always used, and it's always worked well.

octobro
octobro

@Josh Thankyou Josh, will try it out :)

1-9 of 9