AppGini Community Forums

Hello,

is it possible to right-align the date picker? With large fields, this is more useful for the user.

So that the date picker pops up over the button.

Thank you very much.

Hello Kai,

I am not sure which datepicker you are refering to. The only datepicker-related feature we have in our library is the .toDatePicker() function call for datetime fields. Is this what you mean?

Or is your question related to core AppGini datepicker? Can you please upload a screenshot so we can see what you mean.

Regards,
Jan

Hello Jan,

i mean the date picker of your library. With wide fields, it is uncomfortable to have the date selection on the left when the button is on the right. See the screenshot please. Especially in large screen resolution with wide fields.

Best regards, Kai

http://managersystem.de/!/2020-06-16_231302.png

Ok, thanks for clarifying.

The datepicker you are refering to is the default datepicker being referenced in generated applications by default. I think it is this one:

http://eonasdan.github.io/bootstrap-datetimepicker/

At the first glance I haven't seen any alignment option. If there isn't, maybe you can change the default alignment with custom css.

Regards,
Jan

Hi,

I did some research on the AppGini default datetimepicker you'd like to modify. There seems to be an option named "widgetPositioning". I don't know if this exactly controls what you would like to see, but you could give it a try before trying with custom css.

Docs for all available options:
http://eonasdan.github.io/bootstrap-dat ... r/Options/

Regards,
Jan

PS: I think I remember there were a few posts here, in which AppGini users changed the behaviour and display of eonasdan's datetimepicker. I remember there was javascript for removing the seconds or something like this.

Found another Link which could help:
https://stackoverflow.com/questions/401 ... datepicker

Thanks much.

Something like that works:

$('#appginihelper-field input')({
opens: 'right'
});

However, I now have the time picker too.

Great! Thanks for feedback!