Angular DropDown

In this blog we will show you the features of our React DropDownList.

The DropDown for Angular is used to display selectable items in a drop down list. The DropDown component resembles a ComboBox. The most notable difference between the ComboBox and the DropDown is that you cannot edit and insert text in the top row of the DropDown. The DropDown is very useful in all cases when an item has to be selected from a list of items.

Angular DropDownList Basic Functionality

One important feature is that our DropDown component supports images. By default the images are added to the left of the text of the item in the list.

In addition data binding to XML and JSON data is supported.

Another very useful feature is the support of checkboxes. Using this functionality you can put checkboxes to the left of the text of the item in the list.

The text alignment of the items in the DropDown can be changed as well. The horizontal alignment can be configured to the left or to the right of the drop down row. The vertical alignment can be top or bottom.

Angular DropDown

Angular DropDown Advanced Functionality

One very useful advanced features is Animation. The animation feature will enable you to have a slide or a fade effect when the list is opening.

In addition our Angular DropDown supports also Categories. In this way you can have the items displayed in groups by setting each item’s group property.

If you need custom rendering you can enable it by using the renderer function.

You can also have filtering with our Angular DropDown. With the filtering you can enter text in the text field below the drop down row and filter by

The AutoOpen feature will make the list of items will appear when the mouse is over the DropDown List.

Our DropDown supports also keyboard navigation and Right To Left layout.

You can see an example here.

About admin

This entry was posted in ANGULAR, Angular 2, angular 4, angular 5, Angular5, AngularJS, html elements, JavaScript and tagged . Bookmark the permalink.

Leave a Reply