How to reduce/increase footer height

2265
1
Jump to solution
06-16-2015 02:06 AM
HumzaAkhtar
Occasional Contributor II

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.

0 Kudos
1 Solution

Accepted Solutions
StanMcShinsky
Regular Contributor

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

View solution in original post

1 Reply
StanMcShinsky
Regular Contributor

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