Select to view content in your preferred language

Custom CSS in Instant Apps Reporter - Hide the Header, Change Background color on the Button

300
6
08-30-2024 08:17 AM
FonPunnakanta
Emerging Contributor

Is it possible to Change background color for the button and Hide the Header in Reporter Instant App using Custom CSS?

pkGR2jX9Nd.png

I tried this script it doesn't seem to work for button background color. I haven't got too far to try anything with the Header yet.

Custom CSS:

calcite-button{

    background-color: red;

}

6 Replies
KellyHutchins
Esri Frequent Contributor

You can hide the header by turning off the header in the app configuration. To find the header setting use the search box to search for "Header" and disable that option.  I'll check with the Reporter team about the button color. 

FonPunnakanta
Emerging Contributor

Thank you very much for your reply! Header is now gone! Looking forward to hear more on the button color!

0 Kudos
SubaKrishnan
Esri Contributor

@FonPunnakanta Custom CSS is not being honored by the app and it looks like a bug. We've added an issue for it. Thank you for catching it.

ChrisCharles
New Contributor

We are working with the template as well. Could you please inform when the Custom CSS will be functional for the Reporter Template?

SubaKrishnan
Esri Contributor

Hi, @ChrisCharles It will be fixed in the upcoming Oct release.

FonPunnakanta
Emerging Contributor

Thank you so much for looking into this @SubaKrishnan.