How to create front end entry form as per the screenshot image

This support ticket is created 7 years, 5 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	-	14:00 – 20:00	14:00 – 20:00	14:00 – 20:00	14:00 – 20:00	14:00 – 20:00
-	-	-	-	-	-	-

Supporter timezone: Asia/Ho_Chi_Minh (GMT+07:00)

Tagged: Content-submission forms, CRED API, Forms with post relationships, Toolset Forms, User-registration forms

This topic contains 1 reply, has 2 voices.

Last updated by Beda 7 years, 5 months ago.

Assisted by: Beda.

Author

Posts

May 27, 2017 at 8:14 am #529117

Nextworld Communications

I am trying to: create a front end user entry form as per displayed in the image attached / uploaded

I visited this URL:

I expected to see: The front end entry form as per image attached / uploaded

Instead, I got: -- I am totally new to types and toolset and cred etc...

Also please help me how to structure CPT to achieve the form as per image

Please help me out

May 27, 2017 at 9:44 am #529160

Beda

1. create a front end user entry form as per displayed in the image attached / uploaded

CRED creates a particular kind of output: it uses Bootstrap HTML, CSS and JS.
That means if you autogenerate the Form it will be a full Bootstrap form.

2. To customize it, you can use HTML and CSS.
We do not provide custom HTML or CSS as this is a required knowledge to use Toolset.
We do have a DOC on how to address particular sections of CRED:
https://toolset.com/documentation/user-guides/styling-cred-forms/

To acheive your goal, you need to customize your Form using Custom HTML.

3. Also please help me how to structure CPT to achieve the form as per image

The structure of your Post Types is mainly managed with Types.
It is also a different Support Request, which I have to ask to report in another Ticket:
https://toolset.com/toolset-support-policy/

The Form you show in your screenshot will require elaborated Custom HTML and CSS.
I reccomend, for ease, to use Bootstrap as it's natively delivered with.