Multi-select search option cuts off

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

Problem:
Multi-select search option cuts off so change the size of multiselect filter field

Solution:
You need to add custom Javascript code to your view's search and pagination sections JS box in order to adjust the size of your multiselect field as per your requirement.

You can find the proposed solution in this case with the following reply:
https://toolset.com/forums/topic/multi-select-search-option-cuts-off/#post-1140338

Relevant Documentation:

This support ticket is created 6 years, 1 month 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
-	10:00 – 13:00	10:00 – 13:00	10:00 – 13:00	10:00 – 13:00	10: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/Kolkata (GMT+05:30)

Tagged: Custom search, Views plugin

This topic contains 2 replies, has 2 voices.

Last updated by alishiaM 6 years ago.

Assisted by: Minesh.

Author

Posts

November 3, 2018 at 10:27 pm #1139557

alishiaM

I am trying to: Hi there. I would like my Multi-select option to display with all the options and not cut off.

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

I expected to see:

Instead, I got:

November 5, 2018 at 12:00 pm #1140338

Minesh

Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

Well - could you please try to add following JS code to your view's filter section's JS box and try to resolve your issue:

jQuery(document).ready(function($){
  jQuery("select[name='wpv-fleet[]']").attr('size','18');
});

jQuery( document ).on( 'js_event_wpv_parametric_search_form_updated', function( event, data ) {
	/**
	* data.view_unique_id (string) The View unique ID hash
	* data.view_changed_form (object) The jQuery object for the View form after being updated
	* data.view_changed_form_additional_forms_only (object) The jQuery object containing additional forms from other instances of the same View inserted using the [wpv-form-view] shortcode
	* data.view_changed_form_additional_forms_full (object) The jQuery object containing additional forms from other instances of the same View inserted using the [wpv-view] shortcode
	*/
  jQuery("select[name='wpv-fleet[]']").attr('size','18');
	
});

November 6, 2018 at 7:36 pm #1141529

alishiaM

My issue is resolved now. Thank you!