ruby on rails - How to change md fab speed dial to show on click? Angular material -
how change md-fab-speed-dial open , activate speed dial menu click, not hover. , how can remove whitespace (on picture)?
here view
md-fab-speed-dial md-open="demo.isopen" md-direction="{{ demo.selecteddirection }}" ng-class="demo.selectedmode" md-fab-trigger.actions-icon-menu md-button.md-icon-button aria-label="menu" md-icon.more-icon md-svg-src="#{asset_path('icons/more_icon.svg')}" md-fab-actions.actions-menu section.actions_icons layout="row" layout-align="center center" md-button.md-primary aria-label="edit icon" md-icon md-svg-src="#{asset_path('actions_icons/edit.svg')}" md-button.md-primary aria-label="remove icon" md-icon md-svg-src="#{asset_path('actions_icons/remove.svg')}" md-button.md-primary aria-label="download icon" md-icon md-svg-src="#{asset_path('actions_icons/download.svg')}" md-button.md-primary aria-label="print icon" md-icon md-svg-src="#{asset_path('actions_icons/print.svg')}" md-button.md-primary aria-label="mail icon" md-icon md-svg-src="#{asset_path('actions_icons/mail.svg')}"
controller:
function ($scope, $mdsidenav, $mdutil, $location, invoice) { $scope.demo = { topdirections: ['left', 'up'], bottomdirections: ['down', 'right'], isopen: false, availablemodes: ['md-fling', 'md-scale'], selectedmode: 'md-fling', availabledirections: ['up', 'down', 'left', 'right'], selecteddirection: 'left' }; }]);
whether md fab dial
open depends on 'demo.isopen' model. can decide use ng-mouseenter
or ng-click
.
Comments
Post a Comment