Return to Home Page

Third party integrations HADashboard
1

I created a home page that has just a few items on it with a background image. Since we can not have different backgrounds within a skin I have the navigate component apply a new skin for the other pages.

I would like to set the return value so it would return to the home page after some time. When I have been trying it doesnt seem to want to go back to the other skin. It will return to the page but will not apply the skin. Anyone else try this?

Ive tried a few things but heres a couple examples:

light_panel:
    widget_type: navigate
    title: Lights
    skin: lions2
    dashboard: lions_lights
    icon_active: mdi-speaker
    icon_inactive: mdi-speaker
    icon_inactive: mdi-access-point-network
    args:
      timeout: 10
      return: lions_front_page?skin=lions


light_panel:
    widget_type: navigate
    title: Lights
    skin: lions2
    dashboard: lions_lights
    icon_active: mdi-speaker
    icon_inactive: mdi-speaker
    icon_inactive: mdi-access-point-network
    args:
      timeout: 10
      return: lions_front_page
      skin: lions
2

I would like to have the next pages not be transparent widgets and that background gone.

IMG_0181
IMG_01812048Ă—1536 603 KB

3

It redirects me to the right skin its just adding an extra “skin” in the url. cant seem to figure out how its getting that…

http://192.168.x.x:5050/lions_front_page?skin?skin=lions2

4

Sounds like a bug - can you create an issue and I’ll take a look.

5

yea for sure. I have never done that, could you point me to where I can create that?

6

In the mean time Ill just use the same background. Do you know what parameter I am missing to make a widget complletly transparant? I could set the wigets how I like in .css but then specify widgets to be transparent on the front page. I have been trying that using widget style but I cant find what is adding a slight border still.

dashboard.css

body {
  margin: 0;
  background-color: #000000;
  font-size: 15px;
  color: #fff;
  padding: 0;
  line-height: 1;
  font-family: 'Rock Salt'
}

body::after
{
  background: transparent url(/custom_css/grey/img/house.jpg) no-repeat 50% 0 fixed;
  background-size:cover;
  content: "";
  opacity: 0.9;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1; 
}

.widget

.widget {
  padding: 0px 0px;
  text-align: center;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  background-color: #444444;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.widget {
  padding: 0px 0px;
  text-align: center;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  /*transform: translateY(5px);*/
  background-color: rgba(255, 46, 46, 1);
  -moz-box-shadow:
   0 0 15px rgba(41, 36, 30, 0.93),
   inset 0 0 45px rgba(31, 134, 244, 0.39));
  -webkit-box-shadow:
   0 0 15px rgba(41, 36, 30, 0.93),
   inset 0 0 45px rgba(31, 134, 244, 0.39);
  box-shadow:
   0 0 15px rgba(41, 36, 30, 0.93),
   inset 0 0 45px rgba(31, 134, 244, 0.39));*/
}

.dash

network_panel:
  widget_type: navigate
  widget_style: "background-color: transparent; border: 0"
  title: Network Panel
  dashboard: network
  icon_active: mdi-access-point-network
  icon_inactive: mdi-access-point-network
7

IMG_0183
IMG_01832048Ă—1536 1.22 MB

1 Like
8

I’m afraid I’m not a CSS wizard - maybe someone else can help.

9

alright no worries. Ive been reading all ths css sites easpecally that W3 site and they all seem to point to that border: 0 or border : none but something has to be putting it there. Thanks any way man. Lmk about that bug report Id be happy to provide all the neccassry details

10

Cool - for the bug report, just open an issue here:

1 Like