Skip Navigation

[Resolved] toolset view widget not working

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

This topic contains 10 replies, has 2 voices.

Last updated by Waqar 3 years, 6 months ago.

Assisted by: Waqar.

Author
Posts
#2266401

Tell us what you are trying to do?

Hi im following through your tutorial on toolset > course

https://toolset.com/lesson-placement/lesson-placements-1622879-1808797/

on 6:12 of the tutorial is pulling out the view widget im following through on creating a view, but its not the same as what's showing on my end.

I cant create a view, instead it just pulls up the view i already created

on the tutorial it has the "Create a new view"
: screenshot : hidden link

but on my end it doesn't have that option
it only has this:

Screenshot : hidden link

hidden link

Is there any documentation that you are following?
https://toolset.com/lesson-placement/lesson-placements-1622879-1808797/

Is there a similar example that we can see?

What is the link to your site?

haychcreative.com

#2266519

Hi,

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

There are two ways to create views when using Toolset.

1. Classic/legacy views, which can be created from WP Admin -> Toolset -> Views.
( as being discussed in the other ticket: https://toolset.com/forums/topic/i-want-to-know-how-to-create-a-search-box/ )

2. The blocks-based views that can be created within the blocks/Gutenberg editor, as explained in our documentation guides.

If you'd like to create blocks-based views too, please go to WP Admin -> Toolset -> Settings -> General, and for the setting "Editing experience", select the option "Show both the legacy and Blocks interface and let me choose which to use for each item I build".

After this change, when you'll insert the "View" block, you'll see the option to create a new view as well as insert the existing one.

regards,
Waqar

#2267899

thanks for the help,

But i still cant see it showing on my end : hidden link

I already did this

WP Admin -> Toolset -> Settings -> General, and for the setting "Editing experience", select the option "Show both the legacy and Blocks interface and let me choose which to use for each item I build".

scrnshot : hidden link

#2268287

Thanks for writing back.

The page that you're referring to is set to be edited using the Divi builder and Toolset's View block is designed to work in the default Gutenberg editor.
( you'll see a button on the top to switch to the default editor - screenshot: hidden link )

I've created a test page "Test page with the default editor" that includes the "View" block with the option to either create a new one or use an existing one, just as in the tutorial that you referred to.
( ref: https://toolset.com/lesson-placement/lesson-placements-1622879-1808797/ )

Step 1: hidden link
Step 2: hidden link

#2268353

Thanks! It works,.

Now what if i want my search bar on the 2nd column?

I want my page to have 2 columns, i cant see to see an option to just put the search bar on the 2nd column

Im trying to recreate this page using your plugin, i want the search bar to be on the upper right

hidden link

#2269133

Thanks for the update and glad that it works.

The normal structure of the View block consists of two main nested blocks:
- View Search
- View Output
( screenshot: hidden link )

To show the search form and the results in separate columns, you'll place a "Grid" block, between these two nested blocks.
( screenshot: hidden link )

Select the grid column layout and then move the grid block above one level, so that it is above the "View Search" block.
( screenshot: hidden link )

The last step would be to use the "Drag" control to move the "View Search" and "View Output" blocks, into their respective "Grid Cell" blocks, so that they show in the different columns of the grid.
( screenshot: hidden link )

#2269525

Hi I tried what you instructed,

this is the outpot i cant seem to put the search bar on the right side column

#2269645

Can you show me how on your end? i follow even the screenshots. you can go check on my page

hidden link

#2270283

As suggested in the last message, I included a grid block between the "View Search" and "View Output" blocks.
( screenshot: hidden link )

Next, I moved it up one level, so that this new grid block is above but at the same hierarchal level of the "View Search" and "View Output" blocks.
( screenshot: hidden link )

Lastly, I dragged the "View Output" block into this grid's left cell and the "View Search" block into the right cell.
( screenshot: hidden link )

#2270573

Thank you so much for the help!

another concern how can i make a search bar like this?

hidden link

the one with the search by condition field? and magnifying glass icon?

hidden link

and how can i change the name of the search bar?

instead of Conditions it should be

"search by homeopathic remedy" ? thanks!

New threads created by Waqar and linked to this one are listed below:

https://toolset.com/forums/topic/split-customizing-the-search-bar/

#2271075

You're very welcome.

As the original topic of this ticket has been covered, I've created a separate ticket for your questions related to customizing the search bar styles.
( ref: https://toolset.com/forums/topic/split-customizing-the-search-bar/ )

I'll reply to that new ticket shortly and feel free to mark this ticket as resolved.