This Confluence instance is now read-only, please head over to the Algolia Confluence instance for the same more up-to-date information
How to change widget input / search bar placeholder text
- Jeremy Luscombe
Owned by Jeremy Luscombe
May 26, 2022
1 min read
Loading data...
If you are using our Search UI Widgets you have the option to change the placeholder text for the input/search bar for both the results widget and the input widget.
Results Widget
If you are displaying the input on your results widget, then you will have the input configuration object in your JSON, like so:
"input": {
"hide": false,
"position": "top"
}To change the placeholder text of the results input then simply add one line of code to the input configuration object:
"input": {
"hide": false,
"position": "top",
"placeholder": "Search for something..."
}Input Widget
For the Input Widget we have to make a small change. Instead of adding the placeholder key to the inputobject, we have to add it to the options object. Like so:
"options": {
"placeholder": "Search for something"
},That’s it! Super simple