Need help for of search box width

Anonymous

#102951

Hi,

I would like to ask for some help regarding the following:

1. How to make search and filter form results open in new tab? I tried using target=”_blank” but still won’t work. It alters the function of the form. And so maybe there’s a css code for this that might help.

2. For the width please see the screenshot: https://screencast.com/t/F334OsJuGj We would like some help regarding the width. I think it would be better to make the 2 search boxes in uniform width.

Thanks for your help. I appreciate it.

Trevor

#102964

Hi

1. I am not sure that this is possible. User browser settings will often override whatever you try to do.

2. As to the width, I assume you mean to equalize the Text Box and the Button? You have a choice of a percentage of the container (up to 100%), or a max-width in pixels. I would need to see the actual page URL/link to help you with some Custom CSS.

Anonymous

#103051

This reply has been marked as private.

Trevor

#103056

Hi Law

You could use a small piece of Custom Javascript to add the target to the form submit button, yes. But, the ability to open into new tabs/pages has been deprecated and the browser authors are removing it from their code. Instead, it is the user, in their browser settings, who decides such behavior, as indeed I have with Firefox. Some will tell you that it is not deprecated as it still works. For now is what I say, for some users. This post might help explain:

https://css-tricks.com/snippets/html/form-submission-new-window/

As to the other, this snippet of Custom CSS should help:

.sf-field-search label {width: 100%;}

[Author]

Posts