Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄

[saeft_2003]

@Negalein sagte in Vorstellung meiner VIS-Oberfläche:

@saeft_2003 sagte in Vorstellung meiner VIS-Oberfläche:

Gefällt mir auch gut. Wie bekommst du den Rahmen von dem popup dialog fenster dunkel hin? Bei mir ist der immer weis. Kannst du mir evtl das widget mal exportieren?

Danke dir!

Der dunkle Rahmen kommt mWn vom eingestelltem Thema.
Bei mir ist es dot-luv

Widget

[{"tpl":"tplContainerIconDialog","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"/vis.0/Akkuleer.png","class":"","contains_view":"091_Batterien_Tabelle","modal":true,"dialog_width":"720","dialog_height":"560","dialog_top":"100","dialog_left":"240","overflowX":"hidden","overflowY":"hidden","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide"},"style":{"left":"484px","top":"11px","width":"36px","height":"23px","z-index":"2"},"widgetSet":"jqui"}]

Schei*** wars. Ich hab jetzt die 1.2.4 installiert. Dein widget verwendet und das Thema eingestellt. Dabei ändert sich die Farbe vom Button aber nicht vom dialog der sich öffnet.

Hast du noch eine Idee?

[Negalein]

@saeft_2003 sagte in Vorstellung meiner VIS-Oberfläche:

Hast du noch eine Idee?

Leider nicht.

[Negalein]

@saeft_2003 sagte in Vorstellung meiner VIS-Oberfläche:

Hast du noch eine Idee?

hab das gerade gefunden.
Probiers mal aus.

[Glasfaser]

@saeft_2003

Alle VIS Seiten von dir müssen auf das Thema umgestellt werden , erst dann funktioniert es mit dem PopUp Fenster !!

[saeft_2003]

@Glasfaser

Ok werde ich nachher probieren. Schonmal danke 😊

[Glasfaser]

@saeft_2003

Das Thema hatte ich erst letztens .... es liegt nur an dem Popup Widget ... wiso warum :thinking_face: !?

Link Text

[saeft_2003]

@Glasfaser sagte in Vorstellung meiner VIS-Oberfläche:

@saeft_2003

Alle VIS Seiten von dir müssen auf das Thema umgestellt werden , erst dann funktioniert es mit dem PopUp Fenster !!

Danke 😊 das war die Lösung 👍

Was jetzt nur doof ist wenn ich schauen will welches Thema mir am besten gefällt muss ich jedes mal alle views umstellen?!

[Glasfaser]

@saeft_2003

Hier mit "dark-hive" ... da tut sich nicht viel ....

( In Spoiler gesetz ... damit der Thread klein bleibt ;) )

Spoiler

Spoiler

[Conquest]

@Negalein
Sehr schöne VIS. Würdest du einen Export bereitstellen? Kann ich mir bestimmt wieder einiges abschauen :blush:

Gruß

[Negalein]

@Conquest sagte in Vorstellung meiner VIS-Oberfläche:

Sehr schöne VIS. Würdest du einen Export bereitstellen? Kann ich mir bestimmt wieder einiges abschauen

Danke

Willst du alles oder nur bestimmte Seiten?

[Conquest]

@Negalein sagte in Vorstellung meiner VIS-Oberfläche:

@Conquest sagte in Vorstellung meiner VIS-Oberfläche:

Sehr schöne VIS. Würdest du einen Export bereitstellen? Kann ich mir bestimmt wieder einiges abschauen

Danke

Willst du alles oder nur bestimmte Seiten?

Wenn der Export funktioniert würde ich alles nehmen :+1:
Danke.

[saeft_2003]

@Conquest sagte in Vorstellung meiner VIS-Oberfläche:

@Negalein sagte in Vorstellung meiner VIS-Oberfläche:

@Conquest sagte in Vorstellung meiner VIS-Oberfläche:

Sehr schöne VIS. Würdest du einen Export bereitstellen? Kann ich mir bestimmt wieder einiges abschauen

Danke

Willst du alles oder nur bestimmte Seiten?

Wenn der Export funktioniert würde ich alles nehmen :+1:
Danke.

Würde mich interessieren ob bei dir der export von deiner ganzen VIS geht? Weil wenn ich das in verschiedenen Browser anklicke passiert erstmal nichts und kurz danach crashen alle Adapter...

https://forum.iobroker.net/topic/30404/projektexport-funktioniert-nicht-instanzen-crashen

[Negalein]

@Conquest sagte in Vorstellung meiner VIS-Oberfläche:

Wenn der Export funktioniert würde ich alles nehmen

gerade versucht.
Funktioniert leider nicht. weder normal, noch anonymisiert.

@saeft_2003 sagte in Vorstellung meiner VIS-Oberfläche:

Weil wenn ich das in verschiedenen Browser anklicke passiert erstmal nichts und kurz danach crashen alle Adapter...

Adapter crashen bei mir nicht. Aber Export funktioniert nicht. Egal welcher Browser.

[Conquest]

@Negalein
Firefox hat bis jetzt eigentlich immer funktioniert. Dauert nur ewig bis der Download startet.
Schade.

[Negalein]

@Conquest sagte in Vorstellung meiner VIS-Oberfläche:

Firefox hat bis jetzt eigentlich immer funktioniert. Dauert nur ewig bis der Download startet.

Ich versuchs jetzt mal auf einer anderen Maschine.
Wenns wieder nicht klappt, stell ich die Exporte der Views rein.

[Negalein]

@Conquest

Ich hab im 1. Beitrag einiges ergänzt.
Probier mal bitte aus

[Conquest]

@Negalein sagte in Vorstellung meiner VIS-Oberfläche:

@Conquest

Ich hab im 1. Beitrag einiges ergänzt.
Probier mal bitte aus

Super danke.
Import hat funktioniert.

[Negalein]

@Conquest sagte in Vorstellung meiner VIS-Oberfläche:

Import hat funktioniert.

Perfekt

[wasi]

@Negalein
Sehr schöne Vis. Ein dickes Lob!
Könntest Du Deine googleChartWeatherGraph.html noch einstellen bitte.
Die wurde beim Projektexport nicht mitgenommen, da sie wohl in vis.0/ liegt.
Danke!

[Negalein]

@wasi sagte in Vorstellung meiner VIS-Oberfläche:

Sehr schöne Vis. Ein dickes Lob!

Danke

Könntest Du Deine googleChartWeatherGraph.html noch einstellen bitte.
Die wurde beim Projektexport nicht mitgenommen, da sie wohl in vis.0/ liegt.

Da benötigst du das Script.
ist im Ordner Wetter

Oder nimms gleich von hier

/*******************************************************************************
* Script, um mittels Google Charts einen Wetter-Graph anzuzeigen
* ----------------------------------------------------
* Change Log:
*  0.1 Mic - Initial Release
* ----------------------------------------------------
* Autor: Mic (ioBroker-Forum) / Mic-M (Github)
* Quelle: https://github.com/Mic-M/iobroker.google-charts-example/
* Support: https://forum.iobroker.net/topic/22779/vorlage-google-charts-beispiel
******************************************************************************/


/*******************************************************************************
* Konfiguration
******************************************************************************/

// Der Pfad der HTML-Datei, einfach entsprechend anpassen.
// In VIS dann etwa folgenden Pfad im iFrame-Widget einfügen: '/vis.0/M3/googleChartWeatherGraph.html', 
// also nur den hinteren Abschnitt ab '/vis.....'
const FILE_PATH = '/opt/iobroker/iobroker-data/files/vis.0/googleChartWeatherGraph.html';

// Schedule
const M_SCHEDULE = '5 1 * * *'; // Um 1:05 Uhr jeden Tag


/*******************************************************************************
* Executed on every script start.
*******************************************************************************/
let mSchedule;
main();
function main() {
    
    // Write the file initially on script start
    writeWeatherHtml();

    // Update file per schedule
    clearSchedule(mSchedule);
    mSchedule = schedule(M_SCHEDULE, writeWeatherHtml);

}

function writeWeatherHtml() {
    // Requiring fs module in which writeFile function is defined. 
    const fs = require('fs');
    // Write data in 'Output.txt' . 
    fs.writeFile(FILE_PATH, buildHTML(), (err) => { 
        if (err) throw err; // In case of a error throw err. 
    }) 
}

function buildHTML() {
    let html = '';
    html += '<html>\n';
    html += '<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>\n';
    html += '<script type="text/javascript">\n';
    html += "google.charts.load('current', {'packages':['corechart']});\n";
    html += "google.charts.setOnLoadCallback(drawChart);\n";
    html += "function drawChart() {"; + "\n";

    html += "var data = new google.visualization.DataTable();\n";
    html += "data.addColumn('string', 'Temperature');\n";
    html += "data.addColumn('number', 'Minimum');\n";
    html += "data.addColumn({type: 'number', role: 'annotation'});\n";
    html += "data.addColumn('number', 'Maximum');\n";
    html += "data.addColumn({type: 'number', role: 'annotation'});\n";
    for (let i = 1; i <= 7; i++) {
        let day = (i === 1) ? 'Heute' : getState('daswetter.0.NextDays.Location_1.Day_' + i + '.Tag_value').val.substr(0, 2);
        let tHigh = getState('daswetter.0.NextDays.Location_1.Day_' + i + '.Maximale_Temperatur_value').val;
        let tLow  = getState('daswetter.0.NextDays.Location_1.Day_' + i + '.Minimale_Temperatur_value').val;
        html += "    data.addRow(['" + day + "', " + tLow + ", " + tLow + ", " + tHigh + ", " + tHigh + "]);\n";
    }
// See: https://developers.google.com/chart/interactive/docs/gallery/linechart#configuration-options
    html += "var options = {\n";
    html += "    curveType: 'function', backgroundColor: 'transparent', pointSize: 4,\n";
    html += "    hAxis: {textStyle:{color:'white'}},\n";
    html += "    vAxis: { textPosition: 'none', textStyle:{color:'red'},\n";
    html += "    baselineColor:'transparent', gridlines:{count:0} }, legend: { position: 'none' },\n";
    html += "    annotations: { stem: { length: 5, color: 'transparent' }, textStyle: {fontSize: 10, alwaysOutside: true, bold: false} }\n";
    html += "};\n";
    html += "var chart = new google.visualization.LineChart(document.getElementById('mychart'));\n";
    html += "chart.draw(data, options);\n";
    html += "}\n";
    html += "</script>\n";
    html += '<div id="mychart" style="width: 420px; height: 210px;"></div>\n';
    html += '</html>\n';
    return html;
}