Geocortex Web provides a built-in library of professionally designed UI components, as well as options for custom styling. You can also take advantage of the built-in icons, or add your own.
By using Geocortex Web layout components, you can take advantage of styled, well tested, UI components that already participate in the application theme.
However, if you need to manually theme the component, you can use the various theming colors in custom css, through the
var(...) css function.
A full list of all the color keys available in a theme can be found here.
There are two ways to use icons in a component. If the component will always render the same icon, you can use an icon component.
If the component doesn't know which icon it will need to render, you can use the
DynamicIcon component instead, which takes in its icon ID as a prop.
Add Custom Icons
Learn how to add custom icons to a Geocortex Web Application