Md-button in DB2

Hi DB2 guru's,
I have a question. I have a DB1 button that operates when pressed and held to extend a sofa (while held). It works in a template node. I tried copying the short template node code to DB2, but the button itself does not appear. Can someone suggest a fix, and why? Thanks, and have a good weekend!

[{"id":"4f90fae40fd8e532","type":"ui-template","z":"5a05b8f3.894b88","group":"9bc03a5c59d9e8a3","page":"","ui":"","name":"49_Sofa Ext","order":1,"width":"3","height":"1","head":"","format":"<style>\n    .nr-dashboard-template {\n        padding: 0px;\n    }\n</style>\n<div class=\"sofa_ext\">\n    <md-button style=\"width:100%; height:48px; margin: 0px\">Extend</md-button>\n</div>\n\n<script>\n    (function($scope) {\n    \n$('.sofa_ext').on('touchstart mousedown', function(e) {\n    e.preventDefault(); //prevent default behavior\n    $scope.send({\"payload\": \"on\",\"topic\": \"49_state\"});\n});\n\n$('.sofa_ext').on('touchend mouseup', function(e) {\n    e.preventDefault(); //prevent default behavior\n    $scope.send({\"payload\": \"off\",\"topic\": \"49_state\"});\n});\n    \n})(scope);\n</script>","storeOutMessages":true,"passthru":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":370,"y":1920,"wires":[["6d7f464b07ce238d"]]},{"id":"9bc03a5c59d9e8a3","type":"ui-group","name":"Sofa","page":"f73082b0516f3a7e","width":"6","height":"1","order":1,"showTitle":true,"className":"","visible":"true","disabled":"false"},{"id":"f73082b0516f3a7e","type":"ui-page","name":"Sofa, Awning, Generator","ui":"f2eea23e252f30f6","path":"/page6","icon":"home","layout":"grid","theme":"a965ccfef139317a","order":3,"className":"","visible":"true","disabled":"false"},{"id":"f2eea23e252f30f6","type":"ui-base","name":"Dolores DB2","path":"/dashboard","includeClientData":true,"acceptsClientConfig":["ui-notification","ui-control"],"showPathInSidebar":false,"showPageTitle":true,"titleBarStyle":"default"},{"id":"a965ccfef139317a","type":"ui-theme","name":"HN Theme","colors":{"surface":"#606060","primary":"#caf0fe","bgPage":"#383838","groupBg":"#4f4f4f","groupOutline":"#ffffff"},"sizes":{"pagePadding":"12px","groupGap":"12px","groupBorderRadius":"4px","widgetGap":"12px","density":"compact"}}]

Hi @sanderson, Dashboard 1.0 was written with AngularJS, which has been replaced with VueJS now.

We now support VueJS, and by default, all components in the Vuetify Widget Library, you can see some more details here

The only thing we currently don't support in the native D2.0 button is an event for push down/up being separate, although we do have a community pull request open that is under review. So it shouldn't be more than a week before it is supported, even by the core Button node, so no need for a Template.

Thanks Joe! Every time I have a DB2 question, the answer comes very quickly. Much appreciated!

1 Like

Hi Joe, This works perfectly now! Thank you!

1 Like

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.