vertical filters

This support ticket is created 4 years, 5 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
-	7:00 – 14:00	7:00 – 14:00	7:00 – 14:00	7:00 – 14:00	7:00 – 14:00	-
-	15:00 – 16:00	15:00 – 16:00	15:00 – 16:00	15:00 – 16:00	15:00 – 16:00	-

Supporter timezone: Europe/London (GMT+00:00)

Tagged: Views plugin

This topic contains 1 reply, has 2 voices.

Last updated by Nigel 4 years, 5 months ago.

Assisted by: Nigel.

Author

Posts

August 23, 2020 at 1:27 am #1749661

BrandenT2154

i created a searchable view here: hidden link the veiw is created with classic views, not the block builder.

I would like for the filters to be in a verticle column rather than along the top. is this possible? if so, how?

August 24, 2020 at 2:25 pm #1753769

Nigel

Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Hi Branden

Do you mean you want to display the filters in a column to the left, with the results on the right?

If that's the case, you should know that at the bottom of the View is an Output Editor which contains two shortcodes. The first, wpv-filter-meta-html, outputs the markup for the search filters, while the second, wpv-layout-meta-html, outputs the markup for the results.

That Output Editor is an HTML editor, so you can add whatever markup you like to that editor. So if you have Bootstrap enabled, for example, you can split the filters and results into columns with something like

<div class="container">
  <div class="row">
	<div class="col-md-3">[wpv-filter-meta-html]</div>
	<div class="col-md-9">[wpv-layout-meta-html]</div>
  </div>
</div>

You can an alternate to the Bootstrap grid (hidden link). Also you will likely want to edit the markup for the search filters so that they reflect the lesser width available in the left column.