Re: config howto
Hello Fernando,
The appMenu I created is indeed a popup. In fact a div which is hidden or shown via CSS. Depending on the value ('open' or 'closed'), I assign another className:
start.setMenuState("closed"); start.onmenustatechanged.attach(function (sender, value) { var appMenuContainer = document.getElementById('appMenuContainer'); if (value == "open") { console.log("Top Menu Open"); appMenuContainer.className = "open";
}
else { console.log("Top Menu Close"); appMenuContainer.className = "closed";
}
});
CSS:
#appMenuContainer { height: 100%;
width: 300px;
right: 0px;
background-color: var(--bg-appSettingsMenu);
position: absolute;
z-index: 1;
border-left:
1px solid var(--separator);
}
#appMenuContainer.open { visibility: visible;
}
#appMenuContainer.closed { visibility: hidden;
}
But this is just how I implemented it. Maybe there are better ways...
Making the background flou/blurred is also done via CSS...
Kind Regards,
Elias