Skip Navigation

[Resolved] Formatting fields in VIEWS

This thread is resolved. Here is a description of the problem and solution.

Problem:

Create nice-looking fields for filter/searches in custom search form.

Solution:

You can use CSS codes to style each form element, if you want to display all inputs in one line, you can try with Toolset Grid block, and put each form item into each column.

Relevant Documentation:

Creating Responsive Columns and Grids

This support ticket is created 4 years, 6 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.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 2 replies, has 2 voices.

Last updated by Barney Chastain 4 years, 6 months ago.

Assisted by: Luo Yang.

Author
Posts
#1623231

Tell us what you are trying to do? Create nice-looking fields for filter/searches. The out of the box display is plain, and I'm having trouble using style settings to get the layout I usually create for forms like this in HTML. I'd rather not move this to HTML code, because I keep destroying my pages when I do.

Is there any documentation that you are following? I couldn't find any. Can you link me to some documentation?

Is there a similar example that we can see? Just trying for a good-looking form.

What is the link to your site? hidden link

#1623939

Hello,

What kind of styled form do you want?
You can use CSS codes to style each form element, if you want to display all inputs in one line, you can try to add a Toolset Grid block, and put each form item into each column.

See our document:
https://toolset.com/documentation/user-guides/gutenberg/responsive-columns-and-grids/

#1626133

My issue is resolved now. Thank you!