Liebe iobroker Gemeinde,

im Verlauf des letzten Jahres habe ich meinen Flur renoviert und immer wieder damit geliebäugelt dort ein Tablet fest zu integrieren. Leider gab es keine wirkliche Lösung von der Stange und wenn, dann waren diese sehr teuer >200€ oder nur für bestimmte Tablet Modelle geeignet
Daher habe ich dann irgendwann eine "Bastel-Lösung" begonnen und konnte diese nun auch erfolgreich abschließen.
Anbei erhaltet Ihr einen kleinen Überblick wie ich das ganze realisiert habe um es evtl. für eurer Projekt zu adaptieren.
Hier nun der Werdegang des Ganzen:

Schritt1: Entfernung des Putzes und senken einer tiefen Steckdose/Verteilerdose. Natürlich nicht vergessen eine Stromleitung in die Dose zu legen

Schritt2: Hier habe ich günstige L Profile (ALU) aus dem Baumarkt genommen und diese mit Montagekleber auf das Mauerwerk geklebt (dient im Endefekt als Putzkante (muss also nicht 1000% gerade sein))

Schritt3: Bei einem großen Internetversandhaus habe ich mir Neodymmagneten mit Senkung bestellt und diese mit einfachen Schrauben an den vier Aufnahmen der Verteilerdose befestigt (diese dienen in Erster Linie zum späteren Zeitpunkt dazu, das Tablet exakt ausrichten zu können)

Schritt5: Alles schön neu verputzt! durch den Rahmen hat man nun eine Tiefe von 1,2 bis 1,4 mm was für die meisten aktuellen Tablets ausreicht um diese im Feld zu platzieren.

Schritt6: kleines Standard USB Netzteil per Wago Klemmen direkt an die Spannungsversorgung angeschlossen und ein gewinkeltes USB Ladekabel hinzugefügt. Das passt so komplett in die Verteiler Dose.

Schritt7: Ganz simple zwei Streifen einer Metallschiene (hat ja jeder irgendwo) an das Tablet geklebt (Montagekleber).
Ich habe mich hier für ein 7'' von Huawei entschieden. Kann man aber auch alles größer bauen.

Schritt8: Tablet aufstecken! Das sieht dann in etwa so aus... man sieht hier wäre auch Luft für 8 Zoll.

Schritt9: Als nächstes 4 bis 6 Magneten (wie in Schritt3) in die Wand um die Öffnung senken und mit Montagekleber einkleben (dabei nicht zu viel Kleber verwenden)

Schritt10: Jetzt kommt eigentlich das Herzstück - der Rahmen. Hier kann man natürlich beliebig wählen und auch selber einen basteln Ich habe mich entschieden diesen an mein Tablet anzupassen und mit Hilfe des Frontplatten Designers der Fa. Schaeffer (Programm gibt es hier: https://www.schaeffer-ag.de/downloads/frontplatten_designer/?no_cache=1) zu designen und dort direkt zu bestellen. Ist zwar nicht ganz so günstig (waren c. 70€) aber sein Geld echt Wert!
In den Rahmen habe ich Aussparungen für Knopfmagneten eingeplant um den Rahmen auch komplett bündig mit der Wand abschließen zu lassen.

Schritt11: Am Ende noch den Rahmen aufklippsen und fertig

Wie man auf dem Bild sieht habe ich meinem Rahmen noch eine Aussparung für die Kamera spendiert um das Tablet nur dann zu aktivieren wenn man dort vorbeigeht...

Ich hoffe ich konnte euch einen kleinen Einblick in mein Projekt verschaffen... Ich (und auch meine Frau und Kinder) sind sehr zufrieden

Grüße
Lumpe

der Vollständigkeit halber:
habe es gefunden. Der Eintrag muss in der mdui-select select erfolgen:

.mdui-select select  {
  color : rgba(255,255,255,1);
  height:100% !important;
  font-size:1em !important;
  font-family: Roboto, Arial;
  background: rgba(0,0,0,0);
  border: none;
  outline: none;
  border-bottom : 2px solid rgba(255,255,255,0.54);
  width:100%;
}

nun passt es...
Grüße

Danke euch für die konstruktiven Infos. Ich denke ich werde beim Shelly bleiben und auf VIS verzichten und mit der internen Oberfläche arbeiten.. ist ja auch ganz schick und passt eigentlich auch zu meinem Konzept.
Gibt es eine Gute Anleitung um meine Datenpunkte der Objekte in ioBroker dem Shelly GUI hinzuzufügen? Also z.B. die Temperatur gegen eine externe zu tauschen und einen Shelly Plug-S zu steuern...

Danke euch
Lumpe

Hallo zusammen,

ich habe mir vor kurzem ein Shelly Wall Display gegönnt. Nun möchte ich dies gerne mit einer eignen VIS bespielen und müsste dazu natürlich aus der Shelly APP raus und z.B. über Fully Browser (am liebsten als Start APP) die VIS aufrufen.

Kennt jemand einen einfach Weg (z.B. über eine Custom Firmware), oder gibt es da doch schon eine Lösung mit Boardmitteln, die ich bisher nicht gesehen habe.

Danke für eure Hilfe.

Grüße

Danke

@toki1973 : Ich habe eine im CSS modifizierte Version der Metro Widgets verwendet...
aktuell habe ich darüber keinen Thread geschrieben... wenn Zeit ist mache ich das aber gerne noch. Habe viele eigene Bastellösungen über die ich noch schreiben möchte.
Grüße

Liebe iobroker Gemeinde,

im Verlauf des letzten Jahres habe ich meinen Flur renoviert und immer wieder damit geliebäugelt dort ein Tablet fest zu integrieren. Leider gab es keine wirkliche Lösung von der Stange und wenn, dann waren diese sehr teuer >200€ oder nur für bestimmte Tablet Modelle geeignet
Daher habe ich dann irgendwann eine "Bastel-Lösung" begonnen und konnte diese nun auch erfolgreich abschließen.
Anbei erhaltet Ihr einen kleinen Überblick wie ich das ganze realisiert habe um es evtl. für eurer Projekt zu adaptieren.
Hier nun der Werdegang des Ganzen:

Schritt1: Entfernung des Putzes und senken einer tiefen Steckdose/Verteilerdose. Natürlich nicht vergessen eine Stromleitung in die Dose zu legen

Schritt2: Hier habe ich günstige L Profile (ALU) aus dem Baumarkt genommen und diese mit Montagekleber auf das Mauerwerk geklebt (dient im Endefekt als Putzkante (muss also nicht 1000% gerade sein))

Schritt3: Bei einem großen Internetversandhaus habe ich mir Neodymmagneten mit Senkung bestellt und diese mit einfachen Schrauben an den vier Aufnahmen der Verteilerdose befestigt (diese dienen in Erster Linie zum späteren Zeitpunkt dazu, das Tablet exakt ausrichten zu können)

Schritt5: Alles schön neu verputzt! durch den Rahmen hat man nun eine Tiefe von 1,2 bis 1,4 mm was für die meisten aktuellen Tablets ausreicht um diese im Feld zu platzieren.

Schritt6: kleines Standard USB Netzteil per Wago Klemmen direkt an die Spannungsversorgung angeschlossen und ein gewinkeltes USB Ladekabel hinzugefügt. Das passt so komplett in die Verteiler Dose.

Schritt7: Ganz simple zwei Streifen einer Metallschiene (hat ja jeder irgendwo) an das Tablet geklebt (Montagekleber).
Ich habe mich hier für ein 7'' von Huawei entschieden. Kann man aber auch alles größer bauen.

Schritt8: Tablet aufstecken! Das sieht dann in etwa so aus... man sieht hier wäre auch Luft für 8 Zoll.

Schritt9: Als nächstes 4 bis 6 Magneten (wie in Schritt3) in die Wand um die Öffnung senken und mit Montagekleber einkleben (dabei nicht zu viel Kleber verwenden)

Schritt10: Jetzt kommt eigentlich das Herzstück - der Rahmen. Hier kann man natürlich beliebig wählen und auch selber einen basteln Ich habe mich entschieden diesen an mein Tablet anzupassen und mit Hilfe des Frontplatten Designers der Fa. Schaeffer (Programm gibt es hier: https://www.schaeffer-ag.de/downloads/frontplatten_designer/?no_cache=1) zu designen und dort direkt zu bestellen. Ist zwar nicht ganz so günstig (waren c. 70€) aber sein Geld echt Wert!
In den Rahmen habe ich Aussparungen für Knopfmagneten eingeplant um den Rahmen auch komplett bündig mit der Wand abschließen zu lassen.

Schritt11: Am Ende noch den Rahmen aufklippsen und fertig

Wie man auf dem Bild sieht habe ich meinem Rahmen noch eine Aussparung für die Kamera spendiert um das Tablet nur dann zu aktivieren wenn man dort vorbeigeht...

Ich hoffe ich konnte euch einen kleinen Einblick in mein Projekt verschaffen... Ich (und auch meine Frau und Kinder) sind sehr zufrieden

Grüße
Lumpe

der Vollständigkeit halber:
habe es gefunden. Der Eintrag muss in der mdui-select select erfolgen:

.mdui-select select  {
  color : rgba(255,255,255,1);
  height:100% !important;
  font-size:1em !important;
  font-family: Roboto, Arial;
  background: rgba(0,0,0,0);
  border: none;
  outline: none;
  border-bottom : 2px solid rgba(255,255,255,0.54);
  width:100%;
}

nun passt es...
Grüße

Hi Leute,

erstmal "Hut ab" sehr gelungenes Design.
Ein Problem tritt bei mir auf welches ich trotz viel Suchen und probieren nicht lösen konnte. Vielleicht kann mir jemand auf die Sprünge helfen.
Die Schriftart des mdui-select lässt sich nicht anpassen. Ganzheitlich wird ja Roboto verwendet, aber im Selector scheint eine Standard Schrift hinterlegt zu sein, die sich nicht ändern lässt. Hat da jemand Erfahrungen...Hier mal ein Screenshot.. ich hoffe es wird klar:

Danke und Grüße

Moin,

falls es noch irgendwie aktuell ist. Die Lösung ist relativ einfach. Ich habe es bei mir auf alle Dialoge angewandt, daher fehlt die Widget Zuordnung.

Nachteil dabei er wendet es auch auf die Dialoge im vis Editor an ;/ Aber egal!

.ui-dialog{
   background: transparent !important;
   border: none !important;
}
.ui-dialog .ui-dialog-titlebar {
    display: none !important;
}
.ui-dialog .ui-resizable-handle {
    display: none !important;
}

Anstelle background-color einfach nur background benutzen

Grüße

Lumpe

Moin,

ist zwar schon älter und eigentlich gelöst, aber es hat sich eine neue Frage zu diesem Thema aufgetan.

Kann mir einer erklären wie ich den Rand komplett schließen kann ohne diese Lücken?

Mein Code sieht folgendermaßen aus:

False:

True:

oder gibt es vielleicht sogar die möglichkeit auf eine css klasse zu verlinken per html?

Danke und Grüße

Moinsen,

zur Zeit habe ich ein Alarmanlagenscript welches Meldungen per Telegram verschickt. Zum testen auch sehr nett.

Allerdings möchte ich nun nicht immer eine Telegram Nachricht bekommen wenn die Anlage ein bzw. ausgeschaltet wird etc, sonder würde das gerne in eine Logfile schreiben, welche ich dann in meine VIS Oberfläche einbinde.

Ist so etwas möglich und wie geht man am besten vor

Danke und Grüße

Moin,

also ich gaube ich habs. Hatte im Blockly "aktualisiere" anstatt "steuere" Objekt mit Wert

Im JS Code ist das wohl immer "setState"

Nun scheint die Übergabe zu laufen. Allerdings ist mir ein Rästel warum der JS Code dabei gleich sein soll

Trotzdem Danke an Alle für die Hilfe.