topic Background color in feature info widget in ArcGIS Experience Builder Questions

Background color in feature info widget

SIG1SMAAG — Tue, 28 Apr 2020 15:02:20 GMT

Hello,

Is it possible to set background color for the "Feature info" widget?
I edited the style.ts file for my custom theme like this:

import { css } from 'jimu-core';
const customGlobalStyles = (props) => {
return css`
.esri-feature__size-container {
background-color:transparent;
}
`;
}
export { customGlobalStyles as Global};

But it does not work. See below :

Re: Background color in feature info widget

Anonymous User — Tue, 28 Apr 2020 18:49:54 GMT

Hi,

Since the FeatureInfo widget has its CSS overrides at the widget level, what you can do is to provide a more specific CSS rule such as:

#app .widget-featureInfo .feature-info-component .esri-feature__size-container {
background: red;
}

Best,

Yiwei

Re: Background color in feature info widget

MatthiasDufour — Tue, 28 Apr 2020 19:37:35 GMT

Thank you very much, Yiwei Ma.

It is perfect !