JavaScript UI Libraries & Blazor Components Suite – Smart UI Forums Window Clipped date selection panel in smart window

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #101301
    davout
    Member
    Up
    0
    Down

    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?
     

    #101302
    yavordashew
    Member
    Up
    0
    Down

    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/

    #101304
    davout
    Member
    Up
    0
    Down

    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

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.