Date Picker mustn't move other elements

  • cirora
    Asked on December 30, 2016 at 5:40 AM

    Hi,
    I'm trying to add to my form a DateTimeSingle widget but when I open it, other elements are moved at the bottom of the page. I want that the calendar appears on the top of them.
    I've tried with z-index and position:relative.

    Any suggestion?

  • omerorkun JotForm Data Scientist
    Replied on December 30, 2016 at 6:32 AM

    Hi,

    I am not completely sure if it is possible to do with custom CSS codes but please allow me some time to work on it. I will let you know if I can make it work. 

    Thank you for contacting us. 

  • cirora
    Replied on December 30, 2016 at 6:39 AM

    thank you!

  • omerorkun JotForm Data Scientist
    Replied on January 6, 2017 at 2:58 AM

    Hi,

    I am sorry for the late response but I just got a chance to make this work. Please inject the following CSS code to your form:

    #customFieldFrame_15 {

    position: absolute;

    z-index: 2;

    }

    This will make the form work as you'd like. Please see how it takes effect:

    Date Picker mustnt move other elements Image 1 Screenshot 20

    Please contact us again if you need any further assistance.