Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@syncfusion/ej2-ng-popups

syncfusion184SEE LICENSE IN licensedeprecated16.2.52TypeScript support: included

The ej2-ng-popups package is now renamed as ej2-angular-popups from Volume 3, 2018 Beta (v16.3.17) release.

Essential JS 2 popup Component for Angular

ej2, Syncfusion, web-components, dialog, popup, modal, alert, tooltip, hint, spinner, loading-indicator, waiting-popup, template tooltip, positional tooltip, ajax tooltip, tooltip component, ej2-popups, loader, busy-indicator, waitingfor-loader, angular, ng, ng-dialog, angular-dialog, ng-tooltip, angular-tooltip, ng-spinner, angular-spinner, ng-modal, angular-modal, ng-alert, angular-alert, ng-popup, angular-popup, ng-loading-indicator, angular-loading-indicator, ng-waiting-popup, angular-waiting-popup, ng-loader, ng-busy-indicator, ng-waitingfor-loader, angular-loader, angular-busy-indicator, angular-waitingfor-loader, ng-template-tooltip, ng-positional-tooltip, ng-ajax-tooltip, ng-tooltip -component, angular-template-tooltip, angular-positional-tooltip, angular-ajax-tooltip, angular-tooltip-component

readme

changelog

Changelog

[Unreleased]

Bug Fixes

  • Popup can be created, even if the element is not available in DOM.

16.2.49 (2018-08-21)

Spinner

Bug Fixes

  • Provided angular view encapsulation support for spinner utility.

16.2.46 (2018-07-30)

Dialog

New Features

  • Enabled draggable support for modal dialog also.

Bug Fixes

  • The z-index calculation issue while rendering the multiple dialogs with same target has been resolved.

16.2.41 (2018-06-25)

Dialog

Bug Fixes

  • Issue with click event on primary button has been fixed.
  • The multiple Dialog with positioning issue resolved in Dialog components.
  • Dialog's header and content can be updated dynamically without using dataBind method.

New Features

  • The ng-template support provided to the dialog header, footer, and content.

Spinner

Bug Fixes

  • Spinner memory leak problem has been fixed.

Tooltip

Bug Fixes

  • Tooltip positioning issue fixed while target placed right of the page.

16.1.24 (2018-02-22)

Common

Breaking Changes

  • Changed the Angular component directive, component name prefix with ejs-[ComponentName].

Dialog

Bug Fixes

  • The issue with ng-properties were not working inside a Dialog has been fixed.
  • Resolved the issue with accessing EJ2 component’s instances when rendering the EJ2 component inside the Dialog.

Tooltip

Bug Fixes

  • Line displayed in between tip and content of tooltip issue fixed by using font-icons for tooltip arrow element.

15.4.27-preview (2018-01-30)

Dialog

Bug Fixes

  • The issue with Tab key press on modal Dialog has been fixed.
  • Fixed the issue with Dialog header positioning when its content has text node.

Bug Fixes

  • Fixed the issue with Popup positioning when its parent has fixed position.

15.4.23-preview (2017-12-27)

Common

New Features

  • Added typing file for ES5 global scripts (dist/global/index.d.ts).

Breaking Changes

  • Modified the module bundle file name for ES6 bundling.

Dialog

Bug Fixes

  • Resolved the issue with applying localized texts for Dialog close button.

15.4.22-preview (2017-12-14)

Dialog

Bug Fixes

  • The issue with triggering click event multiple times when click on primary button using Enter key has fixed.

15.4.21-preview (2017-12-08)

Dialog

Bug Fixes

  • Header is no longer duplicate on refresh the Dialog; Also, the buttons are rendered properly when add or remove it dynamically.

15.4.20-preview (2017-12-01)

Common

New Features

  • Upgraded TypeScript version to 2.6.2

15.4.17-preview (2017-11-13)

Tooltip

Tooltip component displays a pop-up containing an information or a message when you hover, click, focus, or touch an element. The information displayed in the Tooltip can include simple text, images, hyperlinks, or custom templates. In mobile devices, to display the Tooltip, you need to tap and hold the target elements.

  • Content - Tooltip content can be assigned with static text, template or loaded dynamically via AJAX.
  • Position - Tooltip can be displayed in 12 different positions.
  • Open Mode - Supports 4 opening modes, hover, click, focus, and custom.
  • Animation - Supports animation effects while showing/hiding the Tooltip.
  • Smart Positioning - Tooltip can be moved along with the mouse pointer using the mouse trailing option.

Dialog

Dialog is a window that displays information to the user, and used to get the user input. The available key features are

  • Modal - The user should be working with Dialog before interacting with the parent application.
  • Modeless - It allows to interact with parent application even the Dialog opened on the page.
  • Buttons - Provided the built-in support to render the buttons at Dialog footer.
  • Templates - Customizable Dialog header and footer through the template.
  • Draggable - Supports to drag the Dialog within the page or container.
  • Positioning - Provided support to position on built-in 9 places or any custom location.
  • Animation - Provided built-in animation support on open & close the Dialog with customization.
  • Localization - Supports to localize the default close icon title text to different cultures.
  • Accessibility - Built-in compliance with the WAI-ARIA specifications.
  • Keyboard Interaction - The Dialog can be intractable through keyboard.

16.2.47 (2018-08-07)

Tooltip

Bug Fixes

  • Provided renderer support.