Disable header in MMM-MieleAtHome and MMM-Homeconnect

[OberfragGER]

Hi,

i just want to disable the headers of both Modules. MMM-Homeconnect is somehow copied from MMM-Mieleathome

I treid diffent things. But nothing worked:

showHeader: false,

or in custom css

.MMM-MieleAtHome .module-header {
  display: none;
}

or

.MMM-MieleAtHome header {
  text-align: left
}

.MMM-MieleAtHome header {
  text-align: left
}

Did u have an idea?

[OberfragGER]

@sdetweil Sorry. Both ways did´nt work. Only the “display: none !important;” did the trick.
Thank you for you support…as always!

[sdetweil]

@OberfragGER said in Disable header in MMM-MieleAtHome and MMM-Homeconnect:

MMM-Homeconnect

can you show the config of both modules, xxx out any personal info

[sdetweil]

this

.MMM-MieleAtHome .module-header {
  display: none;
}

should have worked for that module

have you opened the developer window elements tab to look at the css applied?

see the second link in my signature below

[OberfragGER]

@sdetweil Thanks for your help.
But its still not working.

```

{
module: “MMM-MieleAtHome”,
position: “bottom_left”,
showDeviceIfDoorIsOpen: false,
showHeader: false,
config: {
userName: “xxx”,
password: “xxx”,
client_ID: “xxx”,
client_Secret: “xxx”,
vg: ‘de-DE’, // Your country code from the list above
language: ‘de’, // Language supported from list above
showAlwaysAllDevices: false //always display component
}
},

I even tried display: none without ";". I doesnt work...

[OberfragGER]

Is there any chance to scale both styles that the icons are looking the same height and style?

[sdetweil]

@OberfragGER you are looking at the header part of the page Dom

You need the body part where the html is

Use the elements tab , click the pointer to left, mouse ver the module til it’s highlighted and click to
Open the html view there

[HeikoGr]

this should work, but MMM-MieleAtHome and therefore MMM-Homeconnect as a fork do override the header…

{
  module: “MMM-MieleAtHome”,
  header: "",
  position: “bottom_left”,
 
},

[OberfragGER]

@HeikoGr said in Disable header in MMM-MieleAtHome and MMM-Homeconnect:

this should work, but MMM-MieleAtHome and therefore MMM-Homeconnect as a fork do override the header…

{
  module: “MMM-MieleAtHome”,
  header: "",
  position: “bottom_left”,
 
},

Thata not working on both modules :(

[OberfragGER]

@sdetweil Hi sam,

this one?

or this one?

[HeikoGr]

i found 2-3 ways for you to get rid of the header:

1.: you add “!important” to force the css rule

.MMM-MieleAtHome .module-header {
    display: none !important;
}

2. fork MMM-MieleAtHome and get rid of

	// you have to delete this function at MMM-MietAtHome.js line 92-95
	getHeader: function() {
		return "Miele@Home";
	},

MMM-HomeConnect is similar. But here you have a third option: take my fork: https://github.com/heikogr/MMM-HomeConnect2 (only thing: it has an different styling)

[sdetweil]

@HeikoGr shouldn’t need the !important as no other class is specified AFTER the , module-header

[sdetweil]

@OberfragGER the second… and you can do it a couple ways

// using classes

.MMM-MieleAtHome .module-header  {
     display:none;
}

or using html element

.MMM-MieleAtHome header {
   display:none;
}

[OberfragGER]

@HeikoGr Thanks a lot!
your tip with !important was working.

I´ll take a look into yout module too. Especially the Headless Device Flow is very interesting!

[OberfragGER]

@sdetweil Sorry. Both ways did´nt work. Only the “display: none !important;” did the trick.
Thank you for you support…as always!