Launchpad Theme Logo Resize

KevinThompson — Thu, 06 Jun 2019 22:50:23 GMT

Hello All,

I have been working on trying to increase the size of the Launchpad Themes Logo without much success.

I would greatly appreciate your assistance and maybe best practices for trying to make changes to a value of an attribute within a DOM Node. I am still learning so detailed explanations are greatly appreciated.

I know I need to change the following:

.jimu-widget-header .logo { padding: 10px; } > .jimu-widget-header .logo { padding: 5px; }

logoNode height: 25px; margin-top: 10px; > logoNode height: 50px; margin-top: 5px;

I have tried the following:

CSS to edit the Common.css file within the theme including with !important (Gets overwritten by parent)

HTML to edit the Widget.HTML within the Header Widget of the Theme. (Gets overwritten by parent)

JS to edit the Config.json within the layout of the Theme. (Gets overwritten by parent)

After some playing around I think the only option left is to use JS to change the DOM Node within the Widget.json file located within the Header Widget of the theme? This is my best guess as to what is going on; maybe some more senior developers can shed some light on the situation.

Kind Regards,

Kevin

Re: Launchpad Theme Logo Resize

RobertScheitlin__GISP — Fri, 07 Jun 2019 13:32:31 GMT

Kevin,

Increasing the logo has been asked and answered in the past:

https://community.esri.com/thread/199416-launchpad-theme-logo-header-issue

https://community.esri.com/thread/203362-25-logo-issue

topic Re: Launchpad Theme Logo Resize in ArcGIS Web AppBuilder Questions

Launchpad Theme Logo Resize

Re: Launchpad Theme Logo Resize