[Resolved] Hide “|” in form’s address field

[Author]

Posts

[katjaL]

I hide the form's address fields "Show/Hide coordinates" and "Use my location" because they are not needed. The only way to hide - if I understand correctly - is css. So I have this in my css:
.toolset-google-map-toggle-latlon.js-toolset-google-map-toggle-latlon,
.toolset-google-map-use-visitor-location.js-toolset-google-map-use-visitor-location{display: none !important;}
(This css is not accessible yet though.)

Anyway, it leaves behind the | character because it is not wrapped with any class. The | is obviously not wanted. Do you have any hints how to get rid of it?

[Sandra De Pablo Lopez]

Hi,

Thank you for contacting Toolset support. We are happy to help you out!

I would like to have temporary access to your site.

I have just activated the appropriate boxes for the credential information I need from you. They are private so only you and I will be able to see them.

I suggest you create a temporary user, set it as an administrator and then add those credentials in the fields mentioned above.
Also please share the problem URL where I can see the address field.

Thanks & regards,
Sandra

[Minesh Supporter Languages: English (English ) Timezone: Asia/Kolkata (GMT+05:30)]

Sandra passed me this ticket and I'll take care of this ticket. Hope this is oK.

I've added the following code to your form's JS box in order to remove the vertical bar:

jQuery(document).ready(function($){
  x = $(".toolset-google-map-container").html();
  x.replace(/\|/g, "");
  
  $(".toolset-google-map-container").html($(x).html());
});

Can you please confirm it works as expected.

[katjaL]

Hi Minesh, it works perfectly. My issue is resolved now. Thank you!