p01-contact : simply add contact forms in your pages

[kiriakos118]

Greek language for p01-contact is here:

[p01]

Hi all,

FormSimple is close to a production-ready release now I think. I need testers (yojoe? Oleg? Others? to fix the probable big-bugs-impossible-to-miss-that-i-missed.

A demo here : http://nliautaud.fr/gs/formsimple

Like you see there is a default styling now, I let myself convinced

The main work to do now is on... translations... Unfortunately there is many changes in the sentences, but foremost there is full changes on data indexations and files organisation...

So for now only English and French works, forget the others.

When these steps will be done, FormSimple will replace p01-contact on Extend.
And after that, I'll have a big documentation to write.

Have a good night!

[Connie]

So for now only English and French works, forget the others.

We won't forget German ;=)

when our project is coming to an end, I will do the german translation, promised

Cheers, Connie

[Oleg06]

field url is not working and the captcha is not visible
language does not change
http://www.chaga-mushroom.com/cont/

[yojoe]

I'll try it hopefully on the next week.
Atm 3 things:
1. use labels for checboxes instead of divs, because clicking on a checkbox caption marks only the first checkbox in div container, no matter which checbox caption user clicks
2. would be nice from a dev view to see line breaks in outputted html code.
3. captcha should have an additional information like - rewrite text seen on image into below field - depends on captcha type of course.
Btw. img captcha should be a bit smaller - if it isn't "hardcoded" in 3rd party captcha script you used.

edit:
Oleg, try to reinstall this plugin, as there are obviously problems with paths, and probably css.

[Oleg06]

work was only after I changed the lines 27 and 29
I do not understand PHP :-)

Code:

$html .= '\'http://www.chaga-mushroom.com/plugins/FormSimple/fields/securimage/securimage_show.php?\'+ Math.random(); return false">';
$html .= '<img id="captchaimg' . $this->html_id() . '" style="display:block;" ';
$html .= 'src="http://www.chaga-mushroom.com/plugins/FormSimple/fields/securimage/securimage_show.php?' . mt_rand() . '" ';

http://www.chaga-mushroom.com/

[p01]

field url is not working and the captcha is not visible

work was only after I changed the lines 27 and 29

Oops, I have uploaded the wrong files! I have edited my previous post, download it again, it should works. It is not necessary to tweak the sources for a normal use.

Connie : ok, thanks I will tell you all when the translations data reorganization will be done and the sentences fixed.

yojoe :
- About the labels, I will study how manage that. I have not only to manage the html output, but also the parts defined by the core (parent Field class) and those by the "developers" (children field classes).
- For the line breaks, you talk about the sendmail debug output?
- For the captcha sentence, you can add that in field title or in Captcha field class, you think I should add it by default?
- For the captcha size, the generated image size is managed by securimage script, but you can tweak the Captcha field class or the stylesheet.

[Oleg06]

language does not change, everything else works

Code:

<img id="#"style="display:block;"

space is not enough

[yojoe]

yojoe :
- About the labels, I will study how manage that. I have not only to manage the html output, but also the parts defined by the core (parent Field class) and those by the "developers" (children field classes).
- For the line breaks, you talk about the sendmail debug output?
- For the captcha sentence, you can add that in field title or in Captcha field class, you think I should add it by default?
- For the captcha size, the generated image size is managed by securimage script, but you can tweak the Captcha field class or the stylesheet.

- checkboxes labels in pill
http://www.10sharpdesign.com/accessibili...boxes.html

- \t\n or php_eol when generating html to have a nice structured output

Code:

<div class="FormSimple" id="FormSimple1">
<form method="post" action="#FormSimple1" class="sendmail" autocomplete="off" >
<label class="field text">
   <div class="title">Text</div>
   <input id="FormSimple_field0" name="FormSimple_fields[0]" type="text" value=""placeholder="" />
</label>

instead of

Code:

<div class="FormSimple" id="FormSimple1"><form method="post" action="#FormSimple1" class="sendmail" autocomplete="off" ><label class="field text"><div class="title">Text</div><input id="FormSimple_field0" name="FormSimple_fields[0]" type="text" value=""placeholder="" /></label><label class="field text required"><div class="title">Text</div><input id="FormSimple_field1" name="FormSimple_fields[1]" type="text" value=""placeholder="" required /></label><label class="field text"><div class="title">Custom title</div><input id="FormSimple_field2" name="FormSimple_fields[2]" type="text" value=""placeholder="" /></label><label class="field text"><div class="title">Text</div><input id="FormSimple_field3" name="FormSimple_fields[3]" type="text" value="value"placeholder="" />

of course after you mess with checboxes

- captcha sentence : I think it's needed for all types of captcha, as the user may be confused and won't know what to do, when there's a simple arithmetic captcha like: twenty one + 6, and it's not clear if user should write the result as digits or as 1-2 words separated with a space
Text should have smaller font.
Maybe an additional parameter to show help would be great ?
I've seen some form generators who display a js help ico/button for all types of fields.

Maybe other forum users have a better idea ?

- I'll mess with captcha size later - shouldn't be much of a hassle

[jimkoli]

Thanks for the plugin... it helped me lot...


i need SEO

[pborowicz]

Thanks for the plugin, thought you might like to see this monstrosity I created, it might be an abomination, but it works.
http://www.ecarterinsurance.com/index.php?id=autoquote

[kiriakos118]

Hi all,

FormSimple is close to a production-ready release now I think. I need testers (yojoe? Oleg? Others? to fix the probable big-bugs-impossible-to-miss-that-i-missed.

A demo here : http://nliautaud.fr/gs/formsimple

Like you see there is a default styling now, I let myself convinced

The main work to do now is on... translations... Unfortunately there is many changes in the sentences, but foremost there is full changes on data indexations and files organisation...

So for now only English and French works, forget the others.

When these steps will be done, FormSimple will replace p01-contact on Extend.
And after that, I'll have a big documentation to write.

Have a good night!

I had installed p01-contact ... after installing your new plugin FormSimple, my site crashed, maybe there's a conflict (?)
Anyway you can use GREEK LANGUAGE (3 files are included)
Cheers

[kiriakos118]

Hmm ... I tried to a new GS installation, and it fixed the problem
plugin works ....
I'll try it

[isour 2.0]

hello, i have GS 3.0 and FormSimple 1.0b. I take your second example from here http://nliautaud.fr/gs/formsimple and trying to make my form.
If i do this

Code:

(% sendmail form : sour87@gmail.com, fieldset "Общая информация" = 3, text! "ФИО", email!, text! "Телефон", radio = "One" | "Two" selected, fieldset "Информация о поездке" = 4, select "Страна" = "Тайланд" | "Китай" | "США" selected, select "Срок поездки" = "1 неделя" | "2 недели" | "3 недели" selected, select "Кол-во взрослых" = "Один" | "Два" | "Три" selected , select "Кол-во детей" = "Один" | "Два" | "Три" selected %)

Form is normaly works. But if i delete radiobutton, don't see anything. No form and debug info, just blank space on place there should be a form.

Code:

(% sendmail form : sour87@gmail.com, fieldset "Общая информация" = 3, text! "ФИО", email!, text! "Телефон", select "Страна" = "Тайланд" | "Китай" | "США" selected, select "Срок поездки" = "1 неделя" | "2 недели" | "3 недели" selected, select "Кол-во взрослых" = "Один" | "Два" | "Три" selected , select "Кол-во детей" = "Один" | "Два" | "Три" selected %)

[angelazou]

Hi all,

I'm looking to use p01 contact to create multiple forms, each for different purpose. Is there a way to do so? Creating instances of forms using different fields? Unfortunately, I can't access the author's website and the plugin documentation, so if someone is able to, can you send me a copy of the content? Thanks.

Regards,
Angela

PS: Is it possible to change the field names to be listed in a different language, I mean when working with the I18N plugin? If a translation is needed, I may be to assist with the Chinese version.

[oratoran]

Notice: Trying to get property of non-object in C:\wamp\www\madde1524.com\plugins\p01-contact_gs.php on line 69

I get this message in DEBUG mode, can you help me for that? I want to establish very clean get simple site with default theme.

After that i am planning to use it for my projects (create theme etc)

Thanks

[Connie]

I downloaded the formsimple.zip and installed it
I run a short test, just looking whether it works or not

so I guess I have to delete the p10-contact plugin when using Formsimple?

Second, the german language file is really not so good... whoever had the idea to translate "save" as "sparen" instead of "speichern" ? Thiis language must be corrected, it is nearly pidgin-german ;=)

I do not get the idea of "sub", in the lower configuration page:

"Default targets" <= the receiver of the form-mail?
"Default targets sub" <= what is a targets sub?

Cheers, Connie

[yojoe]

"Default targets" <= the receiver of the form-mail?
"Default targets sub" <= what is a targets sub?

Afair sub allows you to send form mail to multiple e-mail adresses at once.
More like a backup email box.

[Connie]

thanks!

but there are more "subs" ... (

the more I look at the setup form, the more I tend that mostly "sub" means "subtitle" for that special element

I studied the files a little bit more and tried to do a translationfile for german language which is more helpful than the actual one.

I saw that there are some fields which are not in the language files already: all the special subtexts for the lists,
and ""Table of content" is output without translation

so I did my best, but I suggest:

why not open a separate thread for FORMSIMPLE in the section "developer discussion"? We are cuddling two babies here ;=)

[creepersam]

I am an English major, not a programmer. Get simple, to me, indicates a CMS that even I can use--or understand to a minimal degree. My problem is the overly skinny contact form fields, which seem more dedicated to the default sidebar, not a get simple default page, that make this contact form render ugly--page-wise. So, how do I increase, or find, the length of the default fields--nothing more or nothing less. Yes, I know where they are supposed to be, but come on, I just want a nice form a bit larger in field length. I read the documentation, too.

Simple is a simple does.

Chuck

[hameau]

One solution for form field styling: http://get-simple.info/forum/topic/1758/...-question/

[Connie]

check this article on Form Styling with CSS, it is very useful:

http://www.jankoatwarpspeed.com/post/200...d-CSS.aspx

[RobA]

check this article on Form Styling with CSS, it is very useful:

http://www.jankoatwarpspeed.com/post/200...d-CSS.aspx

This might be a good place to point out that any plugin that creates front end content should be set up with IDs in the html and provided with at least a sample css file for that plugin.

-Rob A.

[Connie]

Chuck,

here is the CSS for the contact form which I use at a testpage, http://www.urbanistan.de/getsimple/kontakt:

Code:

/* ======= Form ========== */
.p01-contact {
    position:relative;
    width: 500px;
    padding: 20px;
    color:inherit;
    margin-left:-5px;
    background: #FFFF00;
    margin-bottom:20px;    
    overflow:hidden;    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(/PIE.htc);}
.p01-contact .field{margin-bottom:10px}
.p01-contact .field.captcha{float:left}
.p01-contact .captcha input{width:160px;color:inherit !important;background-color:#FFF;}

/* INPUT FIELDS */
.p01-contact .text input{width:80%}
.p01-contact textarea{width:80%; height:100px}
.p01-contact .text input,
.p01-contact .captcha input,
.p01-contact textarea {
    background-color:#FFF;
    border:1px solid #DDD;    
    font-size:12px;
    color:inherit !important;
    padding:5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    behavior: url(/PIE.htc);}  
.p01-contact .text input {color:inherit;}

/* End of INPUT-FIELDS */

.p01-contact .submit{
    position:absolute;
    bottom:20px;
    right:20px;
    -moz-border-radius:10.2em 10.2em 10.2em 10.2em;
    -moz-box-shadow:0 0.1em 0.2em rgba(0, 0, 0, 0.5);
    background-color:#666;
    border-bottom:0.2em solid #666666;
    color:#FFF;
    cursor:pointer;
    font-size:1em;
    line-height:1;
    padding:0.3em 0.6em;
    text-shadow:0 0 0.1em #666;}

maybe this helps. the very basic is:

Code:

.p01-contact .text input {width:80%}

(or other percentage)

Hope that helps,

Connie

[andyash]

I want the form fields to come on right side of their names

Name : Textfield

not

Name:
Textfield

How do I achieve this?

Also, is there any way to reduce the captcha image size?