Make widgets user-friendly

On the HTML page, a CSS file is used to layout the page, making it user friendly. The recommended way is to write a separate style file for the CSS rules. Put the Web AppBuilder for ArcGIS widget CSS in the css/style.css file.

Open the css/style.css file and add the following code:

.jimu-widget-demo div:first-child{
  color: red;
}

Note that all of the selectors in the style.css file should contain the base CSS class to avoid name conflict.

Make widgets user friendly