[Resolved] Toolset Search and Views Formatting/Styling

[Author]

Posts

[CaseyK4294]

Tell us what you are trying to do?
-I want to know if the checkbox options in a search to be formatted in columns, especially when there are a lot of options that can be checked off
-I want to know if I can custom format/style the view so that instead of the fields being displayed appearing vertically, they can act as columns within a row to display horizontally, especially if the view is set up for a list instead of a grid. For example, an image on the left, then a second column with the post name and button, and a third column with some information.
-Finally, I want to know if it is possible to have a search form without the view appearing underneath until after the search/submit button is clicked, or to have the view appear empty as default until the search is submitted.

Is there any documentation that you are following?
I have been watching the Toolset training videos, but even though there is mention of a video about styling the views, I cannot find that video.

Is there a similar example that we can see?
Somewhat like this one which I found on your showcase links, at least in concept, for the view I want. A photo on the left, and then buttons, and then info, each separate entry on a separate row: hidden link

What is the link to your site?
This is the page I'm building the search on: hidden link

[Nigel]

Hi Casey

1. There are limited options for styling the search filters in the way you describe, if you want to modify how the output of a checkboxes filter looks you'll need to use CSS for this. (It's on our to-do list to improve the filter styling options.)

2. You can choose the unformatted option for the View output so that each post in the results will be output on a new row (rather than a grid, for example). Then you can include the native Column block or the Toolset Grid block to split the row into columns, where you can add the Image block to the left column, post title and button to the middle column, and other content in the right column.

3. To not show any results until a filter has been applied you need to add a conditional block that wraps the output section of the View (see screenshot for the structure you are aiming for), where you should add this condition using the advanced editor:

 NOT ( empty( '[wpv-search-term param='wpv_view_count']') ) 

To add the conditional block, you should add it to the bottom of the View block (but within the block, not outside of it), then use the arrow buttons on the block to move it up between the View search block and View Output block, and you should then be able to drag the View Output block within the Conditional block (using the up/down arrows as a grab handle).

[CaseyK4294]

Thank you, I will try your suggestions today.

[CaseyK4294]

My issue is resolved now. Thank you so much for the help!