JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Window › including a combo-box inside of a smart window
- This topic has 1 reply, 2 voices, and was last updated 2 years, 4 months ago by svetoslav_borislavov.
-
AuthorPosts
-
July 17, 2022 at 5:31 pm #103370edwardsmarkffParticipant
hello —
is there any way to include a combo-box inside of a smart-window where the combo-box has a high enough z-index to be completely visible without having to scroll?
https://codepen.io/edwardsmarkf/pen/oNqBMjJ
setting smart-list-box with a high z-index does not seem to help.
as you can see, most of the combo-box choices are hidden.
thank you very much.
July 18, 2022 at 9:14 am #103383svetoslav_borislavovParticipantHi,
To do that you have the opportunity to append the dropdown to any element you want with the drop-down-append-to attribute, which accepts a CSS selector.
Have a look at the following example: codepen.
In it, the dropdown is appended to the body, you can also change the position of the dropdown with the drop-down-position attribute.
Here is a link for ComboBox`s API: https://www.htmlelements.com/docs/combobox-apiYou can also change these properties programmatically:
const combobox = document.querySelector('smart-combo-box'); combobox.dropDownAppendTo('body'); //the value should be CSS selector combobox.dropDownPosition = 'bottom'; //possible values are: //'auto', 'top', 'bottom', 'overlay-top', 'overlay-center', 'overlay-bottom', 'center-bottom', 'center-top'
If you have any additional questions, do not hesitate to ask!
Best Regards,
Svetoslav BorislavovSmart UI Team
https://www.htmlelements.com/- This reply was modified 2 years, 4 months ago by svetoslav_borislavov.
- This reply was modified 2 years, 4 months ago by svetoslav_borislavov.
- This reply was modified 2 years, 4 months ago by svetoslav_borislavov.
- This reply was modified 2 years, 4 months ago by svetoslav_borislavov.
- This reply was modified 2 years, 4 months ago by svetoslav_borislavov.
- This reply was modified 2 years, 4 months ago by svetoslav_borislavov.
- This reply was modified 2 years, 4 months ago by svetoslav_borislavov.
- This reply was modified 2 years, 4 months ago by svetoslav_borislavov.
- This reply was modified 2 years, 4 months ago by svetoslav_borislavov.
- This reply was modified 2 years, 4 months ago by svetoslav_borislavov.
- This reply was modified 2 years, 4 months ago by svetoslav_borislavov.
- This reply was modified 2 years, 4 months ago by svetoslav_borislavov.
- This reply was modified 2 years, 4 months ago by svetoslav_borislavov.
-
AuthorPosts
- You must be logged in to reply to this topic.