button state busy custom section

Go to solution

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Koen van Ras 56 posts 361 karma points c-trib

Oct 03, 2019 @ 09:17

0

Button state busy custom Section

Using Umbraco And Getting Started

Umbraco 8

Hi,

I'm creating a custom section in Umbraco V8 for an export plugin. Now I want to generate an export when creating the export button in the footer of the section, this works but when I click on the export button, I want to change the state to busy so that the user can't click it again and it is visible that Umbraco is working.

I created the button using the following documentation: https://our.umbraco.com/apidocs/v8/ui/#/api/umbraco.directives.directive:umbButtonGroup

Though I'm not sure how to call the button and change the state from the handler and from another angular function.

Copy Link

Tobias Klika 101 posts 570 karma points c-trib

Oct 03, 2019 @ 10:01

You can use the umb-button directive in case you don't need a group.

<div ng-controller="MyController">
  <umb-button type="button" action="export()" state="exportState" label="Export" />
</div>

And for the controller:

angular.module("umbraco").controller("MyController", function ($scope)
{
  $scope.exportState = 'default';

  $scope.export = function ()
  {
    $scope.exportState = 'busy';
    // TODO implementation here
  };
});

Copy Link

Koen van Ras 56 posts 361 karma points c-trib

Oct 03, 2019 @ 11:44

0

Thanks! I need a button group because there are some more options available later, for example download latest export. Though this helped because I implemented the export in the button group object and call it from there.

Copy Link
is working on a reply...

Please Sign in or register to post replies

Flag this post as spam?