topic Re: Can I do css styling in the web app builder that is hosted on ArcGIS online? in ArcGIS Web AppBuilder Questions

Can I do css styling in the web app builder that is hosted on ArcGIS online?

MinaGurgis1 — Wed, 06 Jul 2016 00:14:43 GMT

Can I do css styling in the web app builder that is hosted on ArcGIS online?

I am building a web app using the Web App Builder for ArcGIS and I want to change the CSS styling, but i can't see an option to do that.

Any ideas?

Re: Can I do css styling in the web app builder that is hosted on ArcGIS online?

AdrianWelsh — Wed, 06 Jul 2016 05:10:26 GMT

Mina,

I have been wrong before (well, many many many times), but I do not think this is possible. I would think that Kelly Hutchins might have an idea on how to 'back door' this approach though.

I would think that you will likely need to use the Web AppBuilder Developer edition in order to edit the raw CSS files. Though, there are many things you can do in builder mode (in hosted AGOL) to change your styles. Here is some documentation on this:

Theme—Web AppBuilder for ArcGIS | ArcGIS

Re: Can I do css styling in the web app builder that is hosted on ArcGIS online?

MinaGurgis1 — Thu, 07 Jul 2016 01:28:08 GMT

Thanks Adrian, I would be happy to know if there is a back door approach.

It's interesting because the other web app templates allow you to do this, while the web app builder doesn't.

Re: Can I do css styling in the web app builder that is hosted on ArcGIS online?

NeilJohnston1 — Fri, 01 Jun 2018 00:48:22 GMT

Well, this is super hacky, but I tested it in the dashboard theme.
You can put styles into your "About" widget, and provided it's always open, they will be applied to your theme. I tested it with the following bit of code.

<style>

.lm_header .lm_tab .lm_title {
padding-top: 1px;
font-weight: bold;
}
</style>

You can probably style the about widget to a 0 height, and not have it show in your theme. No warranties expressed or implied.