WebSite X5Help Center

 
Adrian E.
Adrian E.
User

Contact form building  en

Auteur : Adrian E.
Visité 3596, Followers 1, Partagé 0  

I'm trying to make a contact form for another site but it appears I have not understood how it is done in X5. Can someone advise me please.

I want to add the field titles to the left of each text field. If you look at http://soeks.fr/contact.html you can see it is not going very well. This is because previously I always made contact forms using CoffeeCup's Web Form Builder which uses the same names as the options provided in X5 but they function differently.

1. Which option should I select to label the field and is the part they fill out known as a text field or a text area?

2. Can I add an image as a background to the form? If so, how?

Posté le
13 RéPONSES
Anthony A.
Anthony A.
User

1, open your form object (the one you already have), click on style tab, you can change text colors, field colers etc over there

2.after you finish with setting up your form, go back to your page (step3) select your email object that you placed inside your page and at the top click on cell style, you can add collor or image over there as a background of your form.

I suggest to read your x5 manual as well to get the full picture of how you can setup these basic settings. you can download the manual from download tab inside your profile in this forum.

if this post is the correct answer, please mark this answer as correct answer.

------------------------------------------------------------

Good Luck
https://nuluhost.com (compatible with x5 program, 30 days money back guarantee)
http://www.wdesigners.us (new)
http://www.usx5.com (coming soon)(Sign up)

Lire plus
Posté le de Anthony A.
Adrian E.
Adrian E.
User
Auteur

Downloading the manual is a very good idea. Thanks for that Anthony!
Regretfully, you didn't seem to understand my first question. Maybe I didn't express it very well? Please see the attached screenshot of the CoffeeCup Form Builder interface with form I created. I have overlaid questions on the screenshot and highlighted the challenge I am having with the X5 form interface.

One might ask, "If you are so comfortable with CoffeeCup's version why don't you simply create the form with that and then import the completed form into your X5 website?" The answer is that CoffeeCup creates SWF files which cannot be seen on most smartphones therefore I must create the form in HTML5.

Lire plus
Posté le de Adrian E.
Anthony A.
Anthony A.
User

Adrian, if you want to place the text on the left side of your field, again go back to your form, open it, go to style, choose "label" from dropdown menu, then look above, you can set that to show 1)above the field 2)inside the field 3) display on the left

all the options you need is inside style tab.

as far as bg image, you need to add that to your cell syle,

1 left click on your form object, 1 left click on cell style, see attachment

if this post is the correct answer, please mark this answer as correct answer.

------------------------------------------------------------

Good Luck
https://nuluhost.com (compatible with x5 program, 30 days money back guarantee)
http://www.wdesigners.us (new)
http://www.usx5.com (coming soon)(Sign up)

Lire plus
Posté le de Anthony A.
 lemonsong  
 lemonsong  
User

Sure, if you have solid color as background, otherwise you have to match the background pictures.

_______ oltre il 5° step ________

http://www.unofficialwsx5.com

Lire plus
Posté le de  lemonsong  
Anthony A.
Anthony A.
User
 lemonsong  
Sure, if you have solid color as background, otherwise you have to match the background pictures. _______ oltre il 5° step ________ http://www.unofficialwsx5.com

its not hard to that with x5 pro version.

------------------------------------------------------------

Good Luck
https://nuluhost.com (compatible with x5 program, 30 days money back guarantee)
http://www.wdesigners.us (new)
http://www.usx5.com (coming soon)(Sign up)

Lire plus
Posté le de Anthony A.
Adrian E.
Adrian E.
User
Auteur

I have built the form so that it looks right but it doesn't work. It should send me a mail when anyone submits the form and also a confirmation to the person that fills out the form. Using 2 different email addresses nothing was received whatsoever.

Any ideas where I have gone wrong please?

Screenshot of form setup attached.

Lire plus
Posté le de Adrian E.
Anthony A.
Anthony A.
User

your form looks fine to me. it probably your webhost that does not support your script.

go to step 4> data managment and change your script to low level and then upload your website again and check to see if it works now, it it didnt, change the scipt from post to get and upload and check again. normally (99%)webhost will support post script, but there is a 1% who support get script.

if this post is the correct answer, please mark this answer as correct answer.

------------------------------------------------------------

Good Luck
https://nuluhost.com (compatible with x5 program, 30 days money back guarantee)
http://www.wdesigners.us (new)
http://www.usx5.com (coming soon)(Sign up)

Lire plus
Posté le de Anthony A.
Anthony A.
Anthony A.
User

see attachment

if this post is the correct answer, please mark this answer as correct answer.

------------------------------------------------------------

Good Luck
https://nuluhost.com (compatible with x5 program, 30 days money back guarantee)
http://www.wdesigners.us (new)
http://www.usx5.com (coming soon)(Sign up)

Lire plus
Posté le de Anthony A.
Adrian E.
Adrian E.
User
Auteur

Yes, that is working correctly now, thanks.
I still have a problem though. The footer has gone berserk. I did upload the css and style data again but that hasn't made any difference. Any ideas please?

Lire plus
Posté le de Adrian E.
Anthony A.
Anthony A.
User

Adrian, mark my post as correct answer.

since footer problem has nothing to do with "contact form building" I suggest you to open a new topic with proper subject line, that will help everyone who has the same problem when they are searching this forum for answer.

I will look into your issue in your new post. Thank you for understanding.

if this post is the correct answer, please mark this answer as correct answer.

------------------------------------------------------------

Good Luck
https://nuluhost.com (compatible with x5 program, 30 days money back guarantee)
http://www.wdesigners.us (new)
http://www.usx5.com (coming soon)(Sign up)

Lire plus
Posté le de Anthony A.