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 patch-works I did something similar with Drupal 7: a block with aniversaries of historical dates. You can see it at https://lassalle-kreis.de/ down in the blue footer, the middle column...
How to get a list of upcoming birthdays?
@indigoxela - I agree, I mentioned the SVG topic specifically for the dev meeting. I think we'll definitely want Nate involved in that discussion. Good call!
Apr 18th Weekly Meetings
Hi colbyat, re display in the browser: the problem is that when a 500 occurs, this PHP process died before being able to render anything. So that won't work. Logging is possible, but...
Displaying 500 errors