LIDOR SYSTEMS

Advanced User Interface Controls and Components

IntegralUI Web

Native Angular 4 and AngularJS UI Components


SlideBar / Events

Event log:


This sample presents most of events that are fired from SlideBar widget. Depending on action, a specific event is fired, which you can handle by simple creating an event handler. Here is list of events that are supported:

  • buttonclicking - Occurs when navigation button is clicked, but before slide is changed
  • buttonclicked - Occurs when navigation button is clicked and after slide changes
  • clear - Occurs when list is cleared
  • slideadding - Occurs before a new slide is added
  • slideadded - Occurs after a new slide is added
  • slidechanging - Occurs when currently selected slide is about to change
  • slidechanged - Occurs when currently selected slide is changed
  • slidehover - Occurs when the mouse cursor hovers over a slide space
  • slideremoving - Occurs before slide is removed
  • slideremoved - Occurs after slide is removed

Depending on some conditions, when handling some of above events you can prevent the default action to proceed, by canceling the operation.

In this sample event log will not register add/remove events, because this kind of operation is not demonstrated here.