jQuery UI Widgets Forums General Discussions jqxDateTimeInput Rotation

This topic contains 1 reply, has 2 voices, and was last updated by  Hristo 7 years, 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • jqxDateTimeInput Rotation #94765

    projas28
    Participant

    Hi,

    Is there any way to rotate the calendar of the jqxDateTimeInput object to aligned with the object.

    I’m using a <DIV>, and inside the DIV, I’m using the follow code to create the “jqxDateTimeInput”:

    <link rel="stylesheet" href="jqwidgets/styles/jqx.energyblue.css" type="text/css">
    <div id="dateInput"></div>
    

    The problem is that I can rotate the DIV making the “jqxDateTimeInput” rotate with it by 90 degrees, but when you click on it, it will open the calendar without rotation. I Also tried to use the command: “-webkit-transform: rotate(90deg);” with no success.

    I’m using the JQWidgets version 4.1.2.

    Any help will be greatly appreciate it.

    Sincerely, Pedro

    jqxDateTimeInput Rotation #94825

    Hristo
    Participant

    Hello Pedro,

    Unfortunately, there is no such option.
    You could try to use CSS classes of the jqxCalendar to achieve this:

    #jqxDateTimeInput, .jqx-calendar {
      -webkit-transform: rotate(90deg);
    }

    But you should use additional settings to create it looks good.
    I would suggest you as an alternative to using a combination of jqxPopOver and jqxCalendar.
    We recommend using the latest version of jQWidgets: http://www.jqwidgets.com/download/

    Best Regards,
    Hristo Hristov

    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.