Skip Navigation

[Resolved] Dragging and dropping a search field into a grid cell

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

Problem: I'm having trouble moving a custom search filter into a grid cell.

Solution: Look for a horizontal blue line above the cell to indicate when you have dragged the filter into the drop zone for that cell. See the screenshot below for more detail.

Relevant Documentation:
https://toolset.com/course-lesson/styling-custom-searches/

This support ticket is created 4 years, 3 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
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 3 replies, has 2 voices.

Last updated by royZ 4 years, 3 months ago.

Assisted by: Christian Cox.

Author
Posts
#2060311
search field into grid cell.png

Tell us what you are trying to do?
I'm trying to drag and drop the search field into a grid cell. The field cell won't drop into the grid. It will just move to above the grid or below the grid. I've tried using the block navigation arrows too. Same thing happens. I'm sure there is a simple solution, but not one that is apparent in your tutorial videos, nor your written descriptions:

https://toolset.com/course-lesson/styling-custom-searches/

To properly organize three or more search fields, follow these steps:

Insert a Container block, then insert a Grid block inside it.
Insert the search fields into the Grid Cells. Only add the ones you want to visually group together, you can make more groups in the other Grid Cells.

When you say insert search fields into the grid cells - how exactly are you doing that?

Is there any documentation that you are following?

Is there a similar example that we can see?

What is the link to your site? 321knit.com

#2060435
target-drop-zone.png

I'm trying to drag and drop the search field into a grid cell. The field cell won't drop into the grid. It will just move to above the grid or below the grid.
Hi, the ideal target for dropping a filter in a grid cell is just above the outlined rectangle with the "+" symbol in the center. Drag the filter just above the outlined rectangle area, and you'll see a blue horizontal line appear when you're over the ideal drop zone for that cell, indicating the filter will be dropped inside the grid cell target area. In the screenshot here, you can see the target area with a blue horizontal line just above a grid cell. It takes some getting used to, but you should be able to find a similar target area available for each grid cell. That's the "sweet spot" so to speak for dropping your filter block into that grid cell. Let me know if that is not the case in your experience, and I can take a closer look.

#2060481

Thanks Christian

I can't seem to see the line above the gird. The line above the grid is not showing up.

Is it something in my settings? Do I need to adjust anything?

I put the grid inside a container. Is that the issue?

#2060483

You're right. I just need to be more patient with the placing of the field in the grid cell. I think I was moving the cursor too fast.

Thank you for your help!