AnsweredAssumed Answered

Fixing logo size

Question asked by CCweedcontrol on Feb 12, 2018
Latest reply on Feb 12, 2018 by CCweedcontrol

So i am working on a app which i am trying to use the Tab theme but the logo is super small, so i tired making it larger and i had some success but it's not correct. I added the following, which mad it bigger but squished. See attached pic.

Not sure what i am missing, i tired playing with the height and width in the sytles.css but i can't get it symmetric round.

 

I made changes to the WebAppBuilderForArcGIS\server\apps\8\themes\TabTheme\styles\default\style.css.

 

.claro .jimu-widget-header .logo {
  height: 90px !important;
  width: 90px;
  min-width: 50px;
  -webkit-border-radius: 50px;
  border-radius: 40px !important;
  position: relative;
  top: -0px !important;
  left: -3px !important;
}
.claro .jimu-widget-header .logo img {
height: 90px !important;
max-height: 90px;
margin: 0 auto;
display: block;
}

I made changes to WebAppBuilder2.7\WebAppBuilderForArcGIS\server\apps\8\config.json.

Changed line 8 to 70.

"widgetOnScreen": {
          "widgets": [{
               "uri": "themes/TabTheme/widgets/Header/Widget",
               "position": {
                    "left": 0,
                    "top": 0,
                    "right": 0,
                    "height": 70,
                    "relativeTo": "browser"
               },

Changed line 4 to 70

"uri": "themes/TabTheme/widgets/SidebarController/Widget",
               "position": {
                    "left": 0,
                    "top": 70,
                    "bottom": 24,
                    "relativeTo": "browser"

Attachments

Outcomes