jQWidgets Forums

jQuery UI Widgets Forums React jqxCalendar open upside when I clicked

This topic contains 1 reply, has 2 voices, and was last updated by  Martin 6 years, 1 month ago.

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

  • ganesh
    Participant

    Hi,

    Please help me regarding jqxcalendar, When i clicked on calendar it should be open upside not below.
    Thank you.

    Ganesh.


    Martin
    Participant

    Hello Ganesh,

    I suppose that you are asking about the calendar of jqxDateTimeInput.
    You could set its dropDownVerticalAlignment property to ‘top’.

    Please, check this example:

    import * as React from 'react';
    
    import JqxDateTimeInput from 'jqwidgets-scripts/jqwidgets-react-tsx/jqxdatetimeinput';
    
    class App extends React.PureComponent<{}> {
    
        constructor(props: {}) {
            super(props);
        }
    
        public render() {
            return (
                <div>                
                    <br /><br /><br /><br />
                    <br /><br /><br /><br />
                    <br /><br /><br /><br />
                    <label>Date Input</label>
                    <JqxDateTimeInput
                        width={300} height={30} dropDownVerticalAlignment={'top'} />
                </div>
            );
        }
    }
    
    export default App;

    Best Regards,
    Martin

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

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

You must be logged in to reply to this topic.