HOW TO
In ArcGIS Instant Apps, predefined themes offer a convenient way to create purpose-driven apps for interacting with maps and data. For a better user experience, it is sometimes necessary to change the font size and weight of the placeholder text in the search bar using custom CSS to control the appearance of the app, including fonts. This enhancement ensures improved readability and visual consistency. Refer to ArcGIS Instant Apps: Change theme and layout for more information. The image below shows the default font size and weight of placeholder text in the search bar in the ArcGIS Instant Apps Zone Lookup Template.
This article provides the workflow to change the font size and weight of the placeholder text in the Search option using custom CSS in the ArcGIS Instant Apps Zone Lookup Template.
Note: Optionally, click Search settings and type Custom CSS. The Theme & Layout panel is displayed.
Warning:
ArcGIS Instant Apps updates for the source template may impact an app's custom CSS.
.esri-search__form .esri-input[type=text] { font-size: 24px; font-weight: bold; }
The image below shows the customized font size and weight of the placeholder text in the search bar in the ArcGIS Instant Apps Zone Lookup Template.
Article ID: 000032715
Get help from ArcGIS experts
Download the Esri Support App