[Resolved] Can’t insert “form-inline” and display search form fields in same line

[Author]

Posts

[angelapiqui]

I'm trying to insert "form-inline" tag to customize my search form fields.

Link to a page where the issue can be seen: hidden link

I expected to see: I would like have the fields side by side, something kinda like what you have in your reference site "Real Estate" (please see the image attached)

Instead, I got: Fields aligned one below the another. When I try to insert the tag "form-inline" (please see the image attached), nothing happens, it looks like the component prevents me from doing that, like it is using its own form tag (different from the one I'm trying to insert).

How could I fix that?

Regards,

Sintia

[Minesh]

Hello. Thank you for contacting the Toolset support.

First of all - After checking to debug information you shared with us, I found that you are using outdated Toolset plugins. We always recommend running your site with latest stable release plugin version.

I also noticed that you are using outdated WordPress version. Please update WordPress as well.

*** Please make a FULL BACKUP of your database and website.***
Could you please update ALL Toolset plugins to it's latest officially released version. You can download the latest plugin release from your accounts page:
=> https://toolset.com/account/downloads/

Forms offer GUI using which you can design your forms:
=> https://toolset.com/documentation/getting-started-with-toolset/publish-content-from-the-front-end/forms-for-creating-content/#designing-the-form

Additionally, you should not add such form HTMG tag as it will be automatically generated. Please check the following Doc that will help you to style your forms:
=> https://toolset.com/documentation/user-guides/styling-cred-forms/

[angelapiqui]

Thank you for writting back!

I've updated the plugin an wordpress version as you told me, however, I found a Youtube video from Toolset that explains how to customize the form without using Toolset Forms (Video title: Creating a custom search with Toolset and Elementor).

It does exactely what I want to do, the only thing is that when I go to "search and pagination" to insert a new filter, I click on a button: "Post relationship or repeatable fields group owner" (in "post filters") and it inserts the code, but after that, I want to go back and do it again (for another filter) and the same button is disabled though.

It also happens, when for example I'm trying to create a new filter (using a taxonomy for example) but do something wrong and want to do it all over again, so the button is disabled and I have to delete the view and start a new one.

I hope it's not too confusing explanation.

Could you tell me why is that happening?

Thank you!

[Minesh]

well - can you please share screenshots as I do not exactly understand your issue.

or

Share problem URL and access details and exact steps I need to follow the see your issue.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[angelapiqui]

Thank you for replying.

Sorry again, I might be getting a bit confused with the documentations I've been reading. Could you please ignore my last message and go back to the first issue I reported? I tought I had fixed it at first, but it looks like it's not working as I wanted to.

What I'm trying to achieve is a search-form such as the one in your video on youtube (please see first screenshot), which I believe is kinda like the one from your Real Estate reference site.

Link for the video: hidden link

For a test, I did exactly the same steps from the video (I mean, search and pagination part) but I don't get the form inline. (please see 2nd screenshot).

Link for my page (I changed the site):
hidden link

I compared the code from the example from the video (3rd screenshot) and it looks pretty much like mine (4th screenshot).

I believe the key for this issue is the "grid", although I have 6 columns as opposed to the 4 columns from the video.

Please, let me know what you think about it.

Regards,

Sintia

[Minesh]

well - have you activated the Bootstrap settings from Toolset => Settings => General tab => Bootstrap loading ?

[angelapiqui]

The bootstrap option that was already selected is "*The theme or another plugin is already loading Bootstrap 3.0". Is that ok?

[Minesh]

Can you please change that to "Toolset should load Bootstrap 3.0" and check if you able to see the form in your desired format.

[angelapiqui]

It worked! Thank you, I really appreciate it!