How to Increase the Size of Widget Icon In WebApp?

317
4
Jump to solution
04-12-2019 12:47 PM
ashleytarver1
New Contributor II

Hi all,

Seemingly simple task, but I'm unfamiliar with HTML/CSS, so I need some help here. I've built an app with the query custom widget, & uploaded a .png to symbolize its function.  However, when I launch the app, the icon is incredibly small. 

I know if I right-click on the icon, then click "Inspect", it will bring up the HTML & CSS code, but what do I edit from there to increase the size of the .png?  I thought I had did it at one point, but it did not save the changes.  I attached a screenshot for further reference.

Thanks

0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Esteemed Contributor

Ashley,

   You can find a full thread about this here:

https://community.esri.com/thread/171233

View solution in original post

0 Kudos
4 Replies
RobertScheitlin__GISP
MVP Esteemed Contributor

Ashley,

   You can find a full thread about this here:

https://community.esri.com/thread/171233

View solution in original post

0 Kudos
ashleytarver1
New Contributor II

Dear Robert,

Thank you for your response, but I am still unsuccessful when I try to save my edits.  The icon I am trying to make bigger is circled in red in the screenshot below.  When I click on the "jimu.theme.css" hyperlinked folder (under the Styles panel), I am directed to the page in the second screenshot, where I edit the numbers for the image's height & width.  Although the image size adjusts onscreen when I do this, when I press "control + enter" to save changes, then come back to the page, my changes are unsaved. 

0 Kudos
RobertScheitlin__GISP
MVP Esteemed Contributor

If you read the thread I link in my previous post the way to make this change is Not a simple css rule fix it involves changing code in WAB.

0 Kudos
ashleytarver1
New Contributor II

Thank you, Robert!  

0 Kudos