topic Re: Filter Widget (cannot read texts) on black Dashboard Theme in ArcGIS Web AppBuilder Questions

Filter Widget (cannot read texts) on black Dashboard Theme

Ramon_de_Leon — Wed, 08 Nov 2017 13:54:53 GMT

When the Filter Widget is used, the text cannot be read for the filter titles as it seems the text have the same color as the background.

Cannot find any options to customize the text or color on the widget itself to make it work. The only option is to change the color of the dashboard theme to gray, but would really want to have the black theme for dashboards.

Does anyone know an easy workaround for this?

Re: Filter Widget (cannot read texts) on black Dashboard Theme

RobertScheitlin__GISP — Wed, 08 Nov 2017 14:42:31 GMT

Ramon,

I am not seeing that issue . Have you made custom changes to any css files in your app?

Re: Filter Widget (cannot read texts) on black Dashboard Theme

Ramon_de_Leon — Wed, 08 Nov 2017 14:50:23 GMT

Hi Robert,

The text "blah" in your screenshot is the "hint" text... the "Prompt" text which should be above the drop-down box is not visible because it is the same color as the background.

But that can be a temporary fix for me, just use the "hint" text for the time being until Esri fixes the issue.

Thank you very much.

Re: Filter Widget (cannot read texts) on black Dashboard Theme

RobertScheitlin__GISP — Sun, 12 Dec 2021 01:47:28 GMT

Ramon,

OK, I missed that. To fix that you need to add this new css rule to the [install dir]\server\apps\[app#]\widgets\Filter\css\style.css (all the way at the bottom of the file):

.jimu-single-filter-parameter .prompt{
  color: #ffffff;
}‍‍‍

Re: Filter Widget (cannot read texts) on black Dashboard Theme

DerekLaw — Sun, 12 Nov 2017 00:41:20 GMT

Hi Ramon,

FYI, this has been identified as a bug and will be fixed in a future update.

Hope this helps,

Re: Filter Widget (cannot read texts) on black Dashboard Theme

RobertScheitlin__GISP — Tue, 14 Nov 2017 16:49:47 GMT

Ramon,

Don't forget to mark this question as answered by clicking on the "Mark Correct" link on the reply that answered your question.