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

Jey Cee

Da der alte Thread wieder ziemlich lang wurde gibt es jetzt den dritten Teil der Serie

Negalein

@Mic

Ich habe dein Script für die Nav-Leiste aus deinem Beitrag heute versucht einzubinden.

Das Script scheint mit dem Button zu funktionieren, da es true/false schaltet.

Aber mir wird das Menü nicht eingeblendet.

Anbei ein paar Screenshots meiner Einstellungen.

Edit vis.png
Edit vis (1).png
Edit vis (2).png

CSS

#vis_container .mic-navleft-huawei .label {
  font-size: 100% !important;
  font-family: RobotoCondensed-Light !important;
  text-align: left !important;
  text-shadow: 2px 2px 2px #000000 !important;
  padding: 0 !important;
  margin: -3px 0px 0px 50px !important;
}
/* Nicht selektiert */
#vis_container .mic-navleft-huawei .bg-orange {
    background: none !important;
    box-shadow: none !important; /* Rahmen weg */
}
/* selektiert */
#vis_container .mic-navleft-huawei .bg-black {
    background: rgba(46, 46, 46, 0.6) !important;
    box-shadow: none !important; /* Rahmen weg */

Script

/****************************
 * Sidebar States
 * 28.10.2018
 ***************************/
// Set States and hide sidebar after 10 seconds
const LEFT_SIDEBAR_STATE = 'javascript.0.nega.vis-support.sidebar-left-switch';
MG_createState(LEFT_SIDEBAR_STATE, 'Sidebar on/off', 'boolean', 'switch', false);
on({id: LEFT_SIDEBAR_STATE, change: 'any'}, function(obj) {
    if ((obj.state.val !== false) && (obj.state.val !== 0)) {
        setStateDelayed(LEFT_SIDEBAR_STATE, false, 10000);        
    }
});
// Hide sidebar on view change
const VIS_PROJECT = 'main'; // Name des Projekts z.B. aus URL; http://xxxx:8082/vis/edit.html?Pad
on({id: 'vis.0.control.command', val:'changedView'}, function(obj) {
    let currView = getState('vis.0.control.data').val;
    currView = currView.substring(0, VIS_PROJECT.length);
    if (currView === VIS_PROJECT) {
        setState(LEFT_SIDEBAR_STATE, false);        
    }
});
 /**
 * Create States - General
 * @param {string} stId      ID
 * @param {string} stName    Name, Description
 * @param {mixed}  stType     Datatype: string, boolean, etc.
 * @param {string} stRole    Role: button, etc.
 * @param {mixed}  stDef      Default value
 */
function MG_createState(stId, stName, stType, stRole, stDef) {
    createState(stId, {
        'name': stName,
        'desc': stName,
        'type': stType,
        'read': true,
        'write': true,
        'role': stRole,
        'def': stDef,
    });
}

Dann ist mir nochwas aufgefallen.

Ich hab meine Seite in 2 Teilen aufgebaut.
Header (mit Infos wie Datum, Uhr, usw.), der ein eigenes View in Widget ist
und Body mit den einzelnen Views.

Wenn ich den Menübutton in den Header packe und das View in Widget (für das Menü) in den Body, bleibt die ganze Seite leer!

Glasfaser

@Negalein

Hast du den Menue Button einmal im aktuellen View gedrückt , da beim neu anlegen im Editor erstmal der View leer bleibt.

Hier als Beispiel : Gerade noch einmal neu angelegt im Editor und er bleibt leer ...

Im aktuellen View aufrufen , und wieder zurück zum Editor , dann wird er sichtbar .

Glasfaser

@Negalein

Da ist mir noch was aufgefallen ,
in deinen View in Widget nimm die CSS Klasse raus .

Negalein

@Glasfaser

Danke, es funktioniert jetzt.

Fehler war, dass er vom Header in den Body nichts schalten kann.
Hab jetzt den Button und Menü nur im Body und es funktioniert.

CSS-Klasse im Menü benötige ich, da es sonst nicht so aussieht wie ich möchte.

Glasfaser

@Negalein

Bei mir in der Leiste habe ich die CSS-Klasse nicht , deshalb wollte ich jeden Fehler ausschließen.
Schön das es jetzt klappt.

Nashra

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

Hallo, wo bekommt man denn die tollen Mülltonen Bilder und gibt es die auch für Bio und Papier?

Glasfaser

@Nashra

Habe Sie von hier : Link Text

Mülltonne gelb

[{"tpl":"tplImage","data":{"g_fixed":true,"g_visibility":true,"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,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","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/Wohnen/tonnegelb.png","visibility-oid":"javascript.0.muell.gelbersack","name":"Gelbe Tonne morgen"},"style":{"left":"526px","top":"286px","z-index":"4","width":"36px","height":"53px"},"widgetSet":"basic"}]

Abfalltonne

[```
[{"tpl":"tplImage","data":{"g_fixed":true,"g_visibility":true,"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,"visibility-cond":"==","visibility-val":"0","visibility-groups-action":"hide","refreshInterval":"0","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/Wohnen/tonne.png","visibility-oid":"javascript.0.muell.restmuell","name":"Mülltonne heute","class":""},"style":{"left":"517px","top":"241px","z-index":"5","width":"50px","height":"50px"},"widgetSet":"basic"}]