com_connect - form and contact mailer

colak · 2018-10-13 17:02:42

phiw13 wrote #314591:

You’ll have to edit the language string, the name to edit com_connect_form_used

^^ nice! I couldn’t see it there!

Gallex · 2018-10-14 09:36:02

I will continue to annoy you. ;)

placeholder for com_connect_select tag – is it possible somehow?

phiw13 · 2018-10-14 12:39:14

What do you mean by “placeholder for com_connect_select tag”? There is no placeholder attribute for the select tag.

You probably want an empty option as first item, the example in the help file provides some way of doing it, but I never could get it to validate, plus I wanted to show some text: “Please select one”. I ended up building my select thing manually:

<div class="input-field contact-subject"><txp:com_connect_select break="" class="" label="Subject" name="subject">
<txp:hide><!--  Note that with the manually created option element, Firefox does not display the label, but that is a bug (#40545) -->
<txp:com_connect_option class="" selected="1" value="" label="Select one">Select one</txp:com_connect_option></txp:hide>
<option selected value="" label="Select one"></option>
<txp:com_connect_option class="" label="General enquiry" value="General enquiry" />
<txp:com_connect_option class="" label="Site issue" value="Site issue" />
<txp:com_connect_option class="" label="Other…" value="Other…" />
</txp:com_connect_select></div>

Like this one.

Gallex · 2018-10-15 10:33:47

it’s going too complicated for me… thank you for thinking and helping phiw13!

gavnosis · 2018-10-15 10:45:38

I’m not even sure this is a good idea (please be gentle), but is it possible to insert a HTML wrapper around the contents inside the <form> generated by this plugin?

Using <txp:com_connect> automatically (brilliantly!) creates a form and applies a class to the form element class="comConnectForm"

Out-of-the-box Bootstrap wants a wrapper after the form tag, like this:

<form>
<div class="form-group">...

Is there an easy way to insert this wrapper? (So I can be lazy and just use Bootstrap’s styling rather than have to style .comConnectForm )

etc · 2018-10-15 18:43:23

There should be a native solution, but I have never used com_connect. If not, etc_query can do it:

<txp:etc_query data='<!-- form generating tag --><div id="wrapper" class="form-group"></div>'
    query="form" replace='node()/=id("wrapper");id("wrapper")/=../form' />

Replace  with whatever outputs your <form>...</form> block.

phiw13 · 2018-10-15 23:10:59

gavnosis wrote #314609:

I’m not even sure this is a good idea (please be gentle), but is it possible to insert a HTML wrapper around the contents inside the <form> generated by this plugin?

Using <txp:com_connect> automatically (brilliantly!) creates a form and applies a class to the form element class="comConnectForm"

Is there an easy way to insert this wrapper? (So I can be lazy and just use Bootstrap’s styling rather than have to style .comConnectForm )

You can use the <txp:com_connect /> as a container tag and add the wrapper div. See example 2 (or the plugin help file).

<txp:com_connect>
<div class="whatever">
<!-- insert your form fields -->
</div>
</txp:com_connect>

Last edited by phiw13 (2018-10-15 23:12:48)

gavnosis · 2018-10-16 09:13:30

Thank you phiw13 for pointing out the obvious. And thank you etc for providing heavy-lifting techniques…

There is native solution, and I was so convinced it was something complicated I missed the totally obvious ;-)

Thank you

<txp:com_connect>
<div class="form-group">

works a treat!

Gallex · 2018-10-19 08:41:02

how to change input placeholder text color? :)
this way, it’s not working:

.comConnectForm input.comText{
font-size:17px;
color:#bbb !important;
}

any ideas?

phiw13 · 2018-10-19 08:48:12

Gallex wrote #314641:

how to change input placeholder text color? :)

the ::placeholder pseudo element ?

input::-ms-input-placeholder {
  color: red;
}

/* supported by Safari 9.2+ Firefox 51, Chrome 57 */
::placeholder {
  color: pink;
  opacity: 1; /* Firefox; */
}

Last edited by phiw13 (2018-10-19 08:48:48)

Gallex · 2018-10-19 10:38:27

phiw13 wrote #314642:

the ::placeholder pseudo element ?

thank’s again specalist!

colak · 2018-11-17 09:50:29

There seems to be a problem with the validation of the com_connect_file tag. This is how I am using it:

<txp:com_connect_file label="Send file" max="8000000" accept=".pdf,.docx,.doc" required="1" />

The validation error reads:

Attribute maxlength is only allowed when the input type is email, password, search, tel, text, or url.

Textpattern CMS

Textpattern CMS support forum

#133 2018-10-13 17:02:42

Re: com_connect - form and contact mailer

phiw13 wrote #314591:

#134 2018-10-14 09:36:02

Re: com_connect - form and contact mailer

#135 2018-10-14 12:39:14

Re: com_connect - form and contact mailer

#136 2018-10-15 10:33:47

Re: com_connect - form and contact mailer

#137 2018-10-15 10:45:38

Re: com_connect - form and contact mailer

#138 2018-10-15 18:43:23

Re: com_connect - form and contact mailer

#139 2018-10-15 23:10:59

Re: com_connect - form and contact mailer

gavnosis wrote #314609:

#140 2018-10-16 09:13:30

Re: com_connect - form and contact mailer

#141 2018-10-19 08:41:02

Re: com_connect - form and contact mailer

#142 2018-10-19 08:48:12

Re: com_connect - form and contact mailer

Gallex wrote #314641:

#143 2018-10-19 10:38:27

Re: com_connect - form and contact mailer

phiw13 wrote #314642:

#144 2018-11-17 09:50:29

Re: com_connect - form and contact mailer

Board footer