Angular Common - Utils - ui
An object that serves as a namespace for DevExtreme UI widgets as well as for methods implementing UI logic in DevExtreme sites/applications.
notify(message, type, displayTime)
import notify from "devextreme-angular/ui/notify"
app.component.ts
- import { Component, AfterViewInit } from '@angular/core';
- import notify from 'devextreme/ui/notify';
- @Component({
- selector: 'app-root',
- templateUrl: './app.component.html',
- styleUrls: ['./app.component.css']
- })
- export class AppComponent implements AfterViewInit {
- ngAfterViewInit() {
- notify("Warning message", "warning", 500);
- }
- }
notify(options, type, displayTime)
import notify from "devextreme-angular/ui/notify"
Parameters:
app.component.ts
- import { Component, AfterViewInit } from '@angular/core';
- import notify from 'devextreme/ui/notify';
- @Component({
- selector: 'app-root',
- templateUrl: './app.component.html',
- styleUrls: ['./app.component.css']
- })
- export class AppComponent implements AfterViewInit {
- ngAfterViewInit() {
- notify({ message: "Error message", width: 300, shading: true }, "error", 500);
- }
- }
See Also
repaintFloatingActionButton()
Repaints the Floating Action Button.
import speedDialAction from "devextreme-angular/ui/repaint-floating-action-button"
Call this method to repaint the Floating Action Button after you change the globalConfig.floatingActionButtonConfig at runtime:
app.component.ts
- import { Component } from '@angular/core';
- import config from 'devextreme/core/config';
- import repaintFloatingActionButton from 'devextreme/ui/speed_dial_action/repaint_floating_action_button';
- @Component({
- selector: 'app-root',
- templateUrl: './app.component.html',
- styleUrls: ['./app.component.css']
- })
- export class AppComponent {
- changeFabConfig() {
- config({
- floatingActionButtonConfig: {
- // ...
- }
- });
- repaintFloatingActionButton();
- }
- }
See Also
themes
An object that serves as a namespace for the methods that work with DevExtreme CSS Themes.
import ui.themes from "devextreme-angular/ui/themes"
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.