Hi,
I have a ‘smart-window’ that I am using as a floating data entry form. The form includes a ‘smart-date-time-picker’ component configured to select dates only.
When I click on the date selection button the popup date selection panel is clipped by the size of the smart-window. What can I change so that the date panel is not clipped and can appear outside of the smart window panel size?
Hi davout,
If you want the popup date selection panel to be displayed outside of the smart-window component you can achieve this by changing the dropDownAppendTo property of the smart-date-time-picker component.By default it is in the date-time-picker but you can set it to an HTML element or the id of an HMTL element.
For example :
<smart-date-time-picker [dropDownAppendTo]=”‘body'”></smart-date-time-picker>
For further information you can check the component API here: https://www.htmlelements.com/angular/demos/datetimepicker/drop-down-position/#toc-dropdownappendto_any .
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team https://www.htmlelements.com/
Brilliant! That solves it.
I would suggest reviewing your component docs, because the solution you have outlined is not at all obvious from what currently exists
.
