jQuery UI Widgets Forums Angular jqxDateTimeInput dropdown position issue

This topic contains 1 reply, has 2 voices, and was last updated by  Martin 2 months, 3 weeks ago.

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

  • vijay.vanecha
    Participant

    Hi,

    When i am using jqxDateTimeInput with below settings, Dropdown position is far away from input.

    <jqxDateTimeInput [theme]="'material'" [width]="250" [height]="30" [formatString]="'T'"
    [showTimeButton]="true" [showCalendarButton]="false" [enableBrowserBoundsDetection]="true">
    </jqxDateTimeInput>

    Please let me know if there is any solution for that.

    Here is Example. You can see jqxDateTimeInput at bottom left.

    Thanks,
    Vijay


    Martin
    Participant

    Hello Vijay,

    This happens because you are using displax: flex for positioning the datetimeinput while the dropdown has display block.
    What you could do is to use css for setting the element’s top property. You can select the element using body > div:last-child selector.

    I have updated your Example.

    Best Regards,
    Martin

    jQWidgets Team
    https://www.jqwidgets.com/

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

You must be logged in to reply to this topic.