How to reduce/increase footer height

HumzaAkhtar — Tue, 16 Jun 2015 09:06:02 GMT

In Tab Theme, how can I reduce the height of the Footer Widget?

I am trying to change style.css file in <app_name>\themes\TabTheme\widgets\Footer\css\style.css like this

.jimu-widget-footer{

height: 50%; /*changed from 100 to 50*/

}

but this doesnot do anything after I refresh the page.

Re: How to reduce/increase footer height

StanMcShinsky — Sat, 11 Dec 2021 20:31:08 GMT

Humza Akhtar

The footer widget is already small on the tab theme. In order to change the height of the widget you need to do it in the main config for the app or in the tab theme in the stemapp so it will load when you create a new application.

Here I will show you how to change the size of the footer to 0 on your map but you can adjust the numbers however you like.

config.json

Change the height value to "0"

        "uri": "themes/TabTheme/widgets/Footer/Widget",
        "positionRelativeTo": "browser",
        "position": {
          "left": 0,
          "right": 0,
          "bottom": 0,
          "height": 0
        },

You can also turn off the visibility of the footer widget in the builder

Change the bottom value to "0"

        "uri": "themes/TabTheme/widgets/SidebarController/Widget",
        "positionRelativeTo": "browser",
        "position": {
          "left": 0,
          "top": 44,
          "bottom": 0

Change the bottom value to "0"

        "uri": "widgets/AttributeTable/Widget",
        "positionRelativeTo": "browser",
        "position": {
          "bottom": 0

-Stan

topic How to reduce/increase footer height in ArcGIS Web AppBuilder Questions

How to reduce/increase footer height

Re: How to reduce/increase footer height