Description of the need
Sometimes it's required to use a search symbol instead of text in the search forms button. A possibility to use FontAwesome or locally stored icons would be practical.
Because for the search form button a <input type="submit">
is used, it's not possible to style it, using pseudo elements like :before
or :after
.
Proposed solution
It't would be required, to use a <button type="submit">
instead. This would also be better for semantic reasons.
Alternatives that have been considered
An alternative could be to create a view or custom block, which replaces the "Search form" block.
There is also a module Custom Search which allows to add an image to the Submit button, but not to use FontAwesome.
Another possibility if only a picture is required: add a backgound like .class { background: url('path/icon.svg'); }
.
You have to realize, that background-image:
does not work! (which makes no sense though ...).
This works also not for FontAwesome or other symbol libraries.
Additional information
Draft of feature description for Press Release (1 paragraph at most)
Backdrop now allows to style the Search Form Sumit Button.
Recent comments
Hi geoma Welcome to Backdrop. Thank you posting detailed screenshots. As your field is an entity reference field, go into the field settings for field_insta_comuna and scroll to the...
Can't filter content in a View
Sounds like the Stripe processor isn’t fully initialising, so the extension tries to call create() on a missing Stripe client. On Backdrop/CiviCRM this usually happens when the payment processor...
Getting Error after submitting event register form By using Stripe Payment Processor
Welcome to Backdrop! For your setup, you’ll want to create a subtheme of Bootstrap5 Lite itself; the Bootswatch styles (like Cerulean) are just presets that B5 Lite loads, and you can “lock in”...
Basic Theme designing questions, using Bootstrap5 Lite