[Resolved] Is it Possible to Add Placeholder Text/Default Label to [wpv-filter-search-box]

[Author]

Posts

[timm-5]

Hi Woody, Sorry for the mistake please go to this location in the plugin folder:

/wp-views/embedded/inc/wpv-shortcodes.php and locate line 3783 and place: placeholder="whatever text you want" as per the code snippet below. Sorry again as was looking through so many files before finding the one I needed 🙂

    return '<input type="text" placeholder="whatever text you want" name="wpv_post_search" ' . $value . ' class="js-wpv-filter-trigger-delayed'.  $class . '"'. $style .' />';

[Woody]

Thanks mate... really appreciate it.

Have you tried using "different" field types for this? i.e. - input type = "textfield", "select", etc?

I will likely give it a go as the placeholder styling for forms is something many clients are requesting.

Thanks again.

Woody

[timm-5]

Styling the placeholder is the easy bit, if you don't already know here are the standard css style names for the placeholder:

::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}

and by placing the input class or id before each of the styles will allow you to target that specific input.

🙂

[Hajrudin]

Sorry, but I cant find return

return '<input type="text" placeholder="whatever text you want" name="wpv_post_search" ' . $value . ' class="js-wpv-filter-trigger-delayed'.  $class . '"'. $style .' />';

in
/wp-views/embedded/inc/wpv-shortcodes.php
line 3783 ,
and to put the custom place holder

[Hajrudin]

Found it now is on 5834 row.
Thanks to all.

[Joe H.]

As of this date its now on row 7173.
Mostly just posting here so I can find it again 🙂 Well, and for others who may be looking...