The configuration panel for the Basic Viewer template provides options to customize the appearance of the application to fit your needs. We covered how to configure this app a few months ago in this post.
Occasionally we get requests asking how to make additional customizations like:
- Change the text color for the title.
- Increase the font size for text
- Modify the font color for the search widget placeholder text
So we added a new option to the configuration panel for this template that allows you to provide custom css that will be applied to the app. Here’s a video that demonstrates how to use this new option by updating the appearance of the title.
More advanced customizations can be done using this option such as moving the location of the panels, making the title/tool area cover the full width of the app and much more. Explore the gallery of configured web apps to see more examples of apps customized using the Custom css option.
[iframe src=”https://webapps.maps.arcgis.com/home/webmap/embedGallery.html?displayapps=true&displayinline=true&group=80cfcdafcf5f4e82890780607ee224df” width=”750″ height=”238″]
If you’d like to learn more about CSS the Learning the Web – CSS tutorial available on MDN is a great place to get started. We’d love to see what you created using Custom css so feel free to share your custom apps in the comments.