# Md-fab-speed-dial in Dashboard Template?

**URL:** <https://discourse.nodered.org/t/md-fab-speed-dial-in-dashboard-template/28010>\
**Category:** Dashboard\
**Created:** [8 June 2020 20:18 UTC](https://discourse.nodered.org/t/md-fab-speed-dial-in-dashboard-template/28010 "2020-06-08T20:18:19Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![jkornhaus](https://avatars.discourse-cdn.com/v4/letter/j/e480ec/32.png) [@jkornhaus](https://discourse.nodered.org/u/jkornhaus)\
**Post date:** [8 June 2020 20:18 UTC](https://discourse.nodered.org/t/md-fab-speed-dial-in-dashboard-template/28010/1 "2020-06-08T20:18:20Z")

</div>

How can I get a md-fab-speed-dial working in the dashboard template node? The flow below is styled correctly, so I know the Angular Materials css is working, but both the trigger and two action buttons are always displayed. It appears the Materials JS code is not running for the directives. Is there something else I need to do?

`[{"id":"1b47fa80.dddb16","type":"ui_template","z":"99b0eb5a.de35","group":"f937ab6f.6acd48","name":"","order":4,"width":"6","height":"4","format":"<div layout=\"row\" ng-cloak>\n <md-fab-speed-dial md-direction=\"down\" ng-class=\"md-fling\" md-open=\"false\">\n <md-fab-trigger>\n <md-button aria-label=\"menu\" class=\"md-fab md-warn\">\n <md-icon md-font-icon=\"lock\"></md-icon>\n </md-button>\n </md-fab-trigger>\n <md-fab-actions>\n <md-button aria-label=\"Bypass\" class=\"md-fab md-raised md-mini\">\n <md-icon md-font-icon=\"lock_open\" aria-label=\"Bypass\"></md-icon>\n </md-button>\n <md-button aria-label=\"Reset\" class=\"md-fab md-raised md-mini\">\n <md-icon md-font-icon=\"lock\" aria-label=\"Reset\"></md-icon>\n </md-button>\n </md-fab-actions>\n </md-fab-speed-dial>\n</div>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":false,"templateScope":"local","x":880,"y":480,"wires":[[]]},{"id":"f937ab6f.6acd48","type":"ui_group","z":"","name":"Default","tab":"adf8b41e.775c18","order":2,"disp":true,"width":"6","collapse":false},{"id":"adf8b41e.775c18","type":"ui_tab","z":"","name":"TEST","icon":"dashboard","order":2,"disabled":false,"hidden":false}]`

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [8 July 2020 20:18 UTC](https://discourse.nodered.org/t/md-fab-speed-dial-in-dashboard-template/28010/2 "2020-07-08T20:18:22Z")

</div>

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