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

3412
3
07-05-2016 05:14 PM
MinaGurgis1
New Contributor II

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?

3 Replies
AdrianWelsh
MVP Notable Contributor

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

MinaGurgis1
New Contributor II

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.

0 Kudos
NeilJohnston1
New Contributor II

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.