Date control Formatting

Hello, Community...!
I would really to know the way to open date piker option Up side Always rather than down.
Please see below image,
image

in below image, child form control date piker at very bottom of page, and when user try to fill date in show piker tabel (Option) at down side, is there any way i can find open it in up side compalsary?
Because for this issue i may need to increase hight of Dialog box that i don't want to use...!

Please help me out...!

Thanks in advance.

Hello @harshp924,

You can change the position of the calendar using this code:

fd.rendered(function() {
    fd.field('Date').widgetOptions = {

        popup: {
            position: "center center"
        }
    } 
});

Please find more information about the popup:position property here.

Hello @mnikitina,

I have added above code but it is doing nothing. No errors on the console. below is my code

 fd.spRendered(function () {
  console.log('study form load');
fd.field('study_x002d_NN_x002d_Begin').widgetOptions = {

    popup: {

      position: "center center"

    }

  }

  fd.field('study_x002d_NN_x002d_End').widgetOptions = {

    popup: {

      position: "center center"

    }

  }

});

below is my outcome

Hello @harshp924,

You need to add the code I've shared before spRendered event, like this:

fd.rendered(function() {
    fd.field('Date').widgetOptions = {

        popup: {
            position: "center center"
        }
    } 
});

fd.spRendered(function () {
//the rest of your code
});

Thanks, @mnikitina, it works for me...!

1 Like