Einfach mal zeigen will….. :-) - Teil 3

[Glasfaser]

@mend

Adapter Material Design Widgets

[tiroler]

@lesiflo
dein Vis gefällt mir sehr gut, Frage könntest du mir deinen javascript für die PV-Anlage überlassen.

Danke

[lesiflo]

@tiroler geht leider nicht. Das Script läuft noch unter Homematic. Habe es noch nicht portiert.

[tiroler]

@lesiflo Danke für die info

[xADDRx]

Hi becksyyy,

hier die Bilder.

[vatoslocos]

@lesiflo Bin ja begeisterter Fan (von erster Stunde an) von deinem View und habe es auch in meinem Haus hängen!
Habe gesehen das du jetzt ein paar neue Styles etc. reingebracht hast!
Kannst du das Projekt nochmal bereit stellen. Würde mich gerne ein bisschen umschauen was du so neues gemacht hast!

Grüße

[Wiggins]

@dos1973 Hi, coole VIS. Ich krieg das leider nicht so hin mit dem Import.

Kannst Du mir sagen welche Widgets das sind für die Toggles?

Und wenn ich Dein Export importiere bekomme ich bei "Beleuchtung Wohnen gesamt" leider nur die Liste links mit den Lampen, aber keine Beschriftung und eben auch keine der Google/Switche.

Den Inhalt Deines css Files kopier in Global oder Projekt?

Kannst Du vielleicht nochmal Deinen aktuellen Stand komplett als Projekt zur Verfügung stellen?
Das wäre meeeeega!!! DANKE

[dos1973]

@Wiggins
Du brauchts auf jedenfall das material design
https://forum.iobroker.net/topic/26925/test-adapter-material-design-widgets-v0-2-x

Dis css kommt nach project.
Ich hatte nicht wirklich Zeit, der Rest sind bisher nur ideen, nichts was zum zeigen wäre

[Wiggins]

@dos1973 Dankeschön! OK, dann spiel ich mal weiter damit. Aber find Dein Design mega!

[NukNuk]

@darkiop sag mal würdest du deine Views zur Verfügung stellen? Sieht auf dem kleinen Vorblick echt schick aus.

[darkiop]

@NukNuk sagte in Einfach mal zeigen will….. - Teil 3:

@darkiop sag mal würdest du deine Views zur Verfügung stellen? Sieht auf dem kleinen Vorblick echt schick aus.

Gern, schau mal hier (gibt aber auch noch die ein oder andere Baustelle in meiner VIS :)):

2020-02-08-vis-darkiop.zip

[skokarl]

@dos1973

Hammer !!!

[skokarl]

@dos1973 sagte in Einfach mal zeigen will….. - Teil 3:

Startseite

würdest Du auch mal nur die Startseite exportieren ?
Ich möchte mir mal die Farben und das Design angucken.

[dos1973]

@skokarl
Paar posts vorher gibt es den export.

[skokarl]

@dos1973

DANKE, aber

nee, das ist ja das ganze Projekt, und ich weiß gar nicht ob ich ein zweites Projekt importierten kann ohne mein original kaputt zu machen.

Die einzelne View wäre mir lieber.

[Agria4800]

@skokarl
Einfach als neues Projekt importieren..
Da passiert einer View nix...

[NukNuk]

@darkiop vielen Dank, kann ich heut gleich mal etwas stöbern

[skokarl]

Was macht dieser Button ?

[Negalein]

@dos1973 sagte in Einfach mal zeigen will….. - Teil 3:

Paar posts vorher gibt es den export.

Servus

Hab gesehen, dass du im CSS blur definiert hast.
Könnte ich den CSS-Code haben?

[Glasfaser]

@Negalein

Hier der CSS aus seinem Projekt :

Spoiler

.hintegrundfarbe_bigbox{
background: #484A5C;
border:1px solid #2B2D3B;
}

/* das hellblaue 4F5165
/*3E404C */


.kod_fanart_verlauf{
box-shadow: inset 700px 0px 150px 8px #161616;

}



.small_button_aktiv{
   border:#7F808F solid 0.5px;
   border-radius:4px;
   border-left-color:#7F808F;
   border-left-width: 10px;
   box-sizing:border-box;
}

.shadown_hg{
   box-shadow: 0px 10px 35px -10px
   #202020;
}

.shadown_box{
   box-shadow: 0px 12px 35px -12px #000;
}


.Menue_ueberschrift{
   font-size:20px;
   font-family:Jura-DemiBold;
   color:#fff;
}

.linie_unten{
border-bottom: 0.2px solid #acacac;
opacity:0.5;
}

.linie_oben_unten{
border-top: 2px solid #2B2D3B;
border-bottom: 2px solid #2B2D3B;

}

.linie_rechts{
border-right: 1px solid #000;
border-left: 0px solid #000;
border-top: 0px solid #000;
border-bottom: 1px solid #000;
}

/* ########################## */

.zentrieren div {
   display: flex;
   align-items: center; /* vertikal*/
   justify-content: center; /* horizontal */
}

.zentrieren_links div {
   display: flex;
   align-items: center; /* vertikal*/
   justify-content: left; /* horizontal */
}

.zentrieren_unten div {
   display: flex;
   align-items: flex-end; /* vertikal*/
   justify-content: center; /* horizontal */
}

.zentrieren_oben_center div {
   display: flex;
   justify-content: center; /* horizontal */
}

.zentrieren_oben_links div {
   display: flex;
   align-items: left; /* vertikal*/
}



/* ########################## */


.blur{
     /* Add the blur effect */
    filter: blur(2px);
   -webkit-filter: blur(10px);
}

.blur2{
     /* Add the blur effect */
    filter: blur(4px);
   -webkit-filter: blur(10px);
}

.blur3{
     /* Add the blur effect */
    filter: blur(1px);
   -webkit-filter: blur(2px);
}