DropUp mode - Smart UI Components

Tagged: custom drop down position, custom popup position, drop down list, drop down list widget, drop up list, drop up mode, drop up widget, dropdownlist, popup, smart drop down position, smart popup position, smart-drop-down-list

This topic has 1 reply, 2 voices, and was last updated 5 years, 10 months ago by admin.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
January 24, 2019 at 9:16 am #99480

admin
Keymaster

Hi,
I’m curious is there a drop-up element or drop-up mode in DropDownList?

January 24, 2019 at 11:00 am #99506
admin
Keymaster
Hi pcng618,
By default all drop down custom elements from the Smart framework automatically determine the opening direction of the actual drop down depending on the space available. For example, if there’s not enough space for the drop down to open below the element it will open above it. Regardless you can set a specific position via the dropDownPosition property. Here’s a link to the API with all avaialbe options: modes
Example:
```
<smart-drop-down-list drop-down-position="top">
 <smart-list-item>A</smart-list-item>
 <smart-list-item>B</smart-list-item>
 <smart-list-item>C</smart-list-item>
</smart-drop-down-list>
```
Best Regards,
Christopher
Smart HTML Elements Team
https://www.htmlelements.com
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.