Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

Node-Red Custom UI

[{"id":"d81aa8bc.35b81","type":"ui_template","z":"d6fa9f2d.3d501","group":"339d0edc.4ffe02","name":"Node-Red Dashboard Custom CSS","order":1,"width":0,"height":0,"format":"<style>
root, a, button, p, div {
    -webkit-user-select: none !important;
}

body {
    background: -webkit-linear-gradient(
    55deg,
    #009785 0%,
    #245aa5 50%,
    #b800e9 100%
    );
    -webkit-touch-callout: none !important;
}

body.nr-dashboard-theme md-toolbar,
body.nr-dashboard-theme md-content md-card {
    background-color: transparent !important;
    color: #FFFFFF;
}

ui-card-panel {
    background-color: rgba(255,255,255,0.1) !important;
    border-radius: 10px !important;
}
    
#Homey_Dashboard_Navigation {
    background-color: transparent !important;
    border-radius: 10px !important;
}

.md-card.md-default-theme, md-card {
    border-radius: 10px;
}

.nr-dashboard-switch.ng-scope {
    background-color: rgba(255,255,255,.2) !important;
}

.nr-dashboard-switch.ng-scope:hover {
    background-color: rgba(255,255,255,.5) !important;
}

.nr-dashboard-theme .nr-dashboard-button .md-button {
    background-color: rgba(255,255,255,.2);
}

.md-button {
    border-radius: 10px;
}

.nr-dashboard-cardpanel layout-column {
    background-color: rgba(255,255,255,0.2) !important;
    background-color: transparent !important;
    border-radius: 10px !important;
}

.nr-dashboard-theme ui-card-panel {
    border: none;
}

.nr-dashboard-template {
    overflow-y: visible;
}
.nr-dashboard-theme md-content md-card {
    background-color: transparent !important;
}

.nr-dashboard-theme ui-card-panel p.nr-dashboard-cardtitle {
    color: rgba(255, 255, 255, 0.5);
}
</style>

<script>
document.ontouchmove = function (e) {
    e.preventDefault();
}
</script>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":false,"templateScope":"global","x":420,"y":160,"wires":[[]]},{"id":"339d0edc.4ffe02","type":"ui_group","z":"","name":"Heure","tab":"a2490d0e.a872b","order":1,"disp":false,"width":"6","collapse":false},{"id":"a2490d0e.a872b","type":"ui_tab","z":"","name":"Homey Dashboard","icon":"dashboard","order":1,"disabled":false,"hidden":false}]
Comment

PREVIOUS NEXT
Code Example
Javascript :: role based authentication in node js mongodb 
Javascript :: a method that will do something to each of the values in the array 
Javascript :: declerative and imperative program combine 
Javascript :: js to ts converter 
Javascript :: &quot;json&quot; is not defined 
Javascript :: combine 2 data in column 
Javascript :: npm install error `not foundram Files/nodejs/npm: 3: /mnt/c/Program Files/nodejs/npm:` 
Javascript :: angular13 crud opeations method 
Javascript :: how take a item from object javascript 
Javascript :: Ghost-Blog MySQL install was not found 
Javascript :: what is jsonpickle in python 
Javascript :: Create Own Variable As "Constructor Function" 
Javascript :: react jsx hello react sample 
Javascript :: Backbone.model first parameter determines properties that each instance must have 
Javascript :: metadata parser react 
Javascript :: toggle checkbox react boolean 
Javascript :: invalid json text mysql 
Javascript :: no display after adding vue router 
Javascript :: creating a basic netsuite restlet 
Javascript :: Listen to custom event in Vue.js 
Javascript :: convert javascript to java 
Javascript :: nextjs youtube embed 
Javascript :: multiple populate on same level 
Javascript :: Priority Queue Element 
Javascript :: prime number in javascript using for loop 
Javascript :: page object 
Javascript :: temporal date api 
Javascript :: tempusdominus calendar out of background size 
Javascript :: how to auto generate unique string in javascript 
Javascript :: command for importing fetchgraphqlquery in nextjs 
ADD CONTENT
Topic
Content
Source link
Name
9+1 =