[Resolved] Customising Search Form Using Maps Distance Filter (Q1)

[Author]

Posts

[julieP]

How do I change the option value text mi to miles?

OR

How do I not display the distance value select field? I've tried using CSS:

select#toolset-maps-distance-value {display:none !important;}

but it's not working.

Thanks

[Minesh]

Hello. Thank you for contacting the Toolset support.

Well - as I understand you want to hide the dropdown select that displays the distance unit mi or km.

To hide that select box, please try to add following line of CSS code to your view's "Search and Pagination" section's CSS box and try to resolve your issue.:

#toolset-maps-distance { display: none !important; }

[julieP]

Ah thank you I can see I was targeting the wrong class!

and the other option (of changing mi to miles) ??

[Minesh]

Well - currently there is no native feature available to change the mi option value but as a workaround you can use the following javascript code and add it to JS box and try to resolve your issue.

jQuery(document).ready(function($){
  $('#toolset-maps-distance option[value=mi]').text('Miles')
 });

I'm also taking this issue as new feature request that will allow users to modify the unit option values.

[Minesh]

Please feel free to close this ticket 🙂

[julieP]

That's great Minesh - thank you!