@dynamic-forms/bootstrap
  1. Components
  2. BsDynamicFormButtonComponent

File

src/lib/dynamic-form-action/dynamic-form-button/dynamic-form-button.component.ts

Extends

DynamicFormButtonBase

Metadata

selector bs-dynamic-form-button
templateUrl ./dynamic-form-button.component.html

Constructor

constructor(actionService: DynamicFormActionService)
Defined in src/lib/dynamic-form-action/dynamic-form-button/dynamic-form-button.component.ts:8
Parameters :
Name Type Optional
actionService DynamicFormActionService No 
import { Component } from '@angular/core';
import { DynamicFormActionService, DynamicFormButtonBase } from '@dynamic-forms/core';

@Component({
  selector: 'bs-dynamic-form-button',
  templateUrl: './dynamic-form-button.component.html',
})
export class BsDynamicFormButtonComponent extends DynamicFormButtonBase {
  constructor(protected override actionService: DynamicFormActionService) {
    super(actionService);
  }
}

<button
  [id]="id"
  class="dynamic-form-button btn btn-{{ template.color | dynamicFormColor : 'primary' }}"
  [class.hidden]="template.hidden"
  [ngClass]="template.className"
  [type]="template.type || 'button'"
  [disabled]="template.disabled"
  (click)="onClick($event)"
  >{{ template.label }}</button
>

<bs-dynamic-form-dialog
  *ngIf="dialog"
  [isOpen$]="dialogOpen$"
  [children]="dialogChildren"
  [headerActions]="dialogHeaderActions"
  [footerActions]="dialogFooterActions"
  [width]="template.dialogWidth"
  [minWidth]="template.dialogMinWidth"
  [maxWidth]="template.dialogMaxWidth"
  [title]="template.dialogTitle"
  [titleHtml]="template.dialogTitleHtml"
  [classNameForm]="element.root.template.className"
  [classNameModal]="template.className"
  [classNameTitle]="template.classNameDialogTitle"
  [classNameChildren]="dialogTemplate?.classNameChildren"
  [classNameHeader]="dialogTemplate?.classNameHeader"
  [classNameFooter]="dialogTemplate?.classNameFooter"
></bs-dynamic-form-dialog>

results matching ""

    No results matching ""