zem_contact_reborn v4.5.0.0: contact mail form processing

qrayg · 2016-02-18 21:42:57

I can’t seem to get placeholder to work. Is there some special attribute you need to set or something?

<txp:zem_contact_text label="Name" class="" placeholder="First Last" />

Does not render the placeholder attribute on the frontend.

Bloke · 2016-02-19 10:47:19

qrayg wrote #297910:

I can’t seem to get placeholder to work. Is there some special attribute you need to set or something?

Nope, but make sure your Doctype in Admin->Preferences is set to render HTML 5. Without that, all HTML5esque elements are ignored.

qrayg · 2016-02-19 13:07:50

Bloke wrote #297918:

Nope, but make sure your Doctype in Admin->Preferences is set to render HTML 5.

Ahhh… Thank you, that did the trick.

Awesome job on the new zem_contact_reborn plugin. With how it’s changed over the years it should really be renamed and stripped of the zemCamelCase classes.

Bloke · 2016-02-19 13:19:57

qrayg wrote #297923:

it should really be renamed and stripped of the zemCamelCase classes.

Yeah, but I decided to keep it as close to the original for backwards compatibility, otherwise people would have to rewrite their forms / style rules.

qrayg · 2016-02-19 13:57:32

Bloke wrote #297924:

Otherwise people would have to rewrite their forms / style rules.

As someone who maintains dozens of TXP sites with massive contact, quote, and application forms using this plugin… I’m totally ok with redoing my forms and removing all the .zem classes from my stylesheets. I’d rather be able to fully control the markup so I can use frameworks like Bootstrap or Skeleton to rapidly build forms instead of having to deal with the .zem stuff and writing jQuery to swap them out for proper consistent classes.

Bloke · 2016-02-19 16:53:11

qrayg wrote #297926:

I’m totally ok with redoing my forms and removing all the .zem classes from my stylesheets. I’d rather be able to fully control the markup

No problem. Here’s a step towards that nirvana. You can now customise the error/info class names via the classes attribute on the <txp:zem_contact /> tag. They default to the camelCase class names of yesteryear so nobody’ll be any wiser unless they start tinkering with the attribute. See the docs for details.

qrayg · 2016-02-19 17:11:07

Bloke wrote #297929:

Here’s a step towards that nirvana.

Awesome! Can’t wait. Thanks so much.

Bloke · 2016-02-19 22:16:46

Pat64 wrote #297828:

W3C validator error found: Bad value for autofocus="1"

This should be fixed from this point on as the plugin now correctly renders boolean attributes as single words. Please test if you can.

Bloke · 2016-02-19 22:25:44

Pat64 wrote #297874:

the ability to support translations for fallback error messages. May be with a trad="en" or lang="fr" attribute for the <txp:zem_contact > tag.

Sorry, I’m not quite sure I follow this. Do you have an example of a workflow where you can explain what you expect the outcome to be under various circumstances? The plugin supports the lang attribute everywhere for individual fields and error messages are in Textpacks, but if the attributes can be made more useful or work better with languages then let me know how you think it should work and I’ll see what I can do.

Pat64 · 2016-02-20 07:33:30

@Stef:

I want to translate the error message and the zem_contact_field_missing text into 3 languages depending of my contact pages.

RedFox · 2016-03-14 10:53:32

Trying to implement the new version of zem_contact on misterdutch.nl/new (uc) … it’s at the bottom near the telephone number: “… of wilt u door Mister Dutch gebeld worden?”.

It’s a collaboration with the Foundation 5.x reveal plugin …

In article a form <txp:output_form form="zem_contact_reveal" />:

<a href="#" data-reveal-id="myModal">of wilt u door Mister Dutch gebeld worden?</a>
<div id="myModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
<h2 id="modalTitle">Ja, ik wil graag door Mister Dutch gebeld worden ...</h2>
<p>Vul onderstaand formulier in en u wordt zo snel mogelijk - als het kan nog dezelfde dag - teruggebeld.</p> 
<p>En als u wilt, kunt u ons dan meedelen waarvoor u gebeld wilt worden? In welke gemeente werkt of woont u? Een e-mailadres is ook handig. Voor als we u telefonisch niet kunnen bereiken. Maar u kunt ook gewoon alleen uw naam en telefoonnummer doorgeven.</p>
<p><txp:zem_contact to="redfoxwebdesign@gmail.com,nettyvanderveen@misterdutch.nl" form="zem_contact_reborn" label="" copysender="1" thanks="Het bericht is verstuurd. Dank u." show_error="0" /></p>
<a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div>

Form ‘zem_contact_reborn”:

<!-- form with p's to style background images > http://codepen.io/rexkirby/pen/Fdnlz -->
<fieldset>
<!--<legend>Formulier</legend>-->
<p class="text"><txp:zem_contact_text label="Wat is uw voor- en achternaam?" required="1" /></p>
<p class="text"><txp:zem_contact_text label="Wat is uw telefoonnummer?" required="1" /></p>
<!-- <p class="email"><txp:zem_contact_email label="Wat is uw e-mailadres?" placeholder="" required="0" /></p>
<p class="text"><txp:zem_contact_text label="In welke gemeente woont u?" required="0" /></p>
<p class="text"><txp:zem_contact_text label="Voor welk bedrijf werkt u?" required="0" /></p> -->
<p class="textarea"><txp:zem_contact_textarea label="Eventuele mededelingen ..." cols="" rows="" required="0" placeholder="" /></p>
<p class="submit"><txp:zem_contact_submit label="">Verzenden</txp:zem_contact_submit></p>
</fieldset>

The modal pops up. You can edit the inputs. But after clicking ‘Verzenden’ the modal is gone. No confirmation; no mail has been send. The funny thing is it’s all working with zem_contact_reborn version 4.3 … any clues?

Last edited by RedFox (2016-03-14 15:58:50)

Dragondz · 2016-03-24 11:45:35

Hi

I installed the plugin and the newone is awsome. especially the ability to add class.

But one thing is missing for foundation adding the word “required” into the input field, for foundation to use his javascript validation the input text should look like this:

<input name="jjhjh" class="hkjhkj" required />

If you can add that to your feature list.

Cheers.

philwareham · 2016-03-24 11:56:42

Dragondz wrote #298410:

But one thing is missing for foundation adding the word “required” into the input field …

Support for making a field required is already built-in, see here for an example (in the attributes)

Dragondz · 2016-03-24 12:25:23

Hi phil

I think you havent understood my require: foundation need the word “required” into the input field like i showed above to make the validation mechanism to work (see this link http://foundation.zurb.com/sites/docs/abide.html )

Cheers

phiw13 · 2016-03-24 12:31:33

That is exactly what Phil is saying: you can add the tribute if you need it – or rather, it is added by default and you can tell a field not to be required by adding required="0" in your TXP form.

<txp:zem_contact_text break="" label="URL" placeholder="Your website" required="0" />

Textpattern CMS support forum

#16 2016-02-18 21:42:57

Re: zem_contact_reborn v4.5.0.0: contact mail form processing

#17 2016-02-19 10:47:19

Re: zem_contact_reborn v4.5.0.0: contact mail form processing

qrayg wrote #297910:

#18 2016-02-19 13:07:50

Re: zem_contact_reborn v4.5.0.0: contact mail form processing

Bloke wrote #297918:

#19 2016-02-19 13:19:57

Re: zem_contact_reborn v4.5.0.0: contact mail form processing

qrayg wrote #297923:

#20 2016-02-19 13:57:32

Re: zem_contact_reborn v4.5.0.0: contact mail form processing

Bloke wrote #297924:

#21 2016-02-19 16:53:11

Re: zem_contact_reborn v4.5.0.0: contact mail form processing

qrayg wrote #297926:

#22 2016-02-19 17:11:07

Re: zem_contact_reborn v4.5.0.0: contact mail form processing

Bloke wrote #297929:

#23 2016-02-19 22:16:46

Re: zem_contact_reborn v4.5.0.0: contact mail form processing

Pat64 wrote #297828:

#24 2016-02-19 22:25:44

Re: zem_contact_reborn v4.5.0.0: contact mail form processing

Pat64 wrote #297874:

#25 2016-02-20 07:33:30

Re: zem_contact_reborn v4.5.0.0: contact mail form processing

#26 2016-03-14 10:53:32

Re: zem_contact_reborn v4.5.0.0: contact mail form processing

#27 2016-03-24 11:45:35

Re: zem_contact_reborn v4.5.0.0: contact mail form processing

#28 2016-03-24 11:56:42

Re: zem_contact_reborn v4.5.0.0: contact mail form processing

Dragondz wrote #298410:

#29 2016-03-24 12:25:23

Re: zem_contact_reborn v4.5.0.0: contact mail form processing

#30 2016-03-24 12:31:33

Re: zem_contact_reborn v4.5.0.0: contact mail form processing

Board footer