265
Views
5
Comments
Set DatePicker position in bottom
Question

Does anyone know how to set the position of the DatePicker to bottom?



I tried the AdvancedFormatJSON but it is not working 

2021-09-10 14-03-53
Salman Ansari

Hi


just add the input and the calender control inside the container

68813E0CA9F1448BB8D7E4B1311835CF.jpeg
2019-11-11 17-10-24
Manish Jawla
 
MVP

Gerald Emmanuel Malaca wrote:

Does anyone know how to set the position of the DatePicker to bottom?



I tried the AdvancedFormatJSON but it is not working 

Hi Gerald,

May be you don't have enough space at the bottom of your page i.e. why calendar is opening in the upward direction or some control you placed just below the calendar or input widget.

I suggest to do the inspect element and do some hit and try.

Regards,

Manish Jawla


UserImage.jpg
Gerald Emmanuel Malaca

Manish Jawla wrote:

Gerald Emmanuel Malaca wrote:

Does anyone know how to set the position of the DatePicker to bottom?



I tried the AdvancedFormatJSON but it is not working 

Hi Gerald,

May be you don't have enough space at the bottom of your page i.e. why calendar is opening in the upward direction or some control you placed just below the calendar or input widget.

I suggest to do the inspect element and do some hit and try.

Regards,

Manish Jawla


What I to do is to force its position even if there is limited space in the bottom


2021-09-10 14-03-53
Salman Ansari

Hi Gerald,


Could you please share oml file so that we can apply fix on your code?

2025-06-19 04-50-45
Peter Parker

I met this issue and found this post without answer, so this is the solution for datepicker that still use old OutsystemsUI version with AdvancedFormat

Refer to this example
By setting "{'reposition': false}" will prevent the auto position if for e.g browser dont have enough space below, datepicker will show upward

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.