Skip Navigation

[Closed] What is the best way to change the width of fields

This support ticket is created 4 years 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/Karachi (GMT+05:00)

This topic contains 3 replies, has 2 voices.

Last updated by Waqar 3 years, 12 months ago.

Assisted by: Waqar.

Author
Posts
#2075347

Not sure how to shorten the width of my fields, both on a form and on a search page. Right now they are the full width of the screen.

hidden link

hidden link

Also, I tried to do this by dragging the fields into a container as shown on one of the videos, but my editor does not seem to have this option for some reason. I click on the block and there is no way to drag it.

Thanks!

#2075517

Hi,

Thank you for contacting us and I'd be happy to assist.

In Toolset Forms, you'll see the option to drag and drop fields inside the adjustable columns, only when the Bootstrap CSS library is enabled. From your website's code, it seems that it is not enabled at the moment.

Please go to WP Admin -> Toolset -> Settings -> General and select the "Toolset should load Bootstrap 4" option for the "Bootstrap loading" setting.

After that, when you'll open the form's edit screen, you'll be able to drag and drop fields inside the columns.

For the fields in the search form of the views, you can insert a container block and inside it add a grid block, to add each search field. This way the search fields will occupy only the available column width and not the full width.

We have a guide on this topic at:
https://toolset.com/course-lesson/styling-custom-searches/

I hope this helps and please let me know if you need any further assistance around this.

regards,
Waqar

#2078047
editor view.jpg

I selected "Toolset should load Bootstrap 4" and the block editor is still not working. I cannot drag items into a container with grids. Any other reason why it does not look like the screen in the tutorial videos? It's difficult to style a page when you can't use any of the features.
Thank you.

#2079179

Thanks for writing back and it is strange that it is not working on your website.

Can you please share temporary admin login details in reply to this message?

Note: Your next reply will be private and please make a complete backup copy, before sharing the access details.

The topic ‘[Closed] What is the best way to change the width of fields’ is closed to new replies.