search

jtsage / jtsage-datebox

A multi-mode date and time picker for Bootstrap (3&4), jQueryMobile, Foundation, Bulma, FomanticUI, and UIKit (or others)
http://datebox.jtsage.dev/
Other
474 stars 166 forks source link

Changing the Width and Height of the Timepicker #395

Closed iArnoldo closed 7 years ago

iArnoldo commented 8 years ago

Hey, this is rather a question than an issue but, is there a way to change the height and width of the popup? I am using the timeflipbox mode.

Best regards

Arnold

jtsage commented 8 years ago

Yes, with custom CSS. Depending on the CSS framework you are using:

http://dev.jtsage.com/DateBox/theme/bootstrap/

http://dev.jtsage.com/DateBox/theme/jqueryui/

http://dev.jtsage.com/DateBox/theme/jqm/

Width is in there, height is determined by content. .ui-datebox-container is the parent element of everything, you could add padding there to control height a bit.

iArnoldo commented 8 years ago

Hey there, thanks a lot it worked perfectly. Sorry to bother you with another question but another thing that i couldnt find in the api is selecting time by clicking on the desired time in the timepicker. Best regards Arnold

jtsage commented 7 years ago

No, I don't have it set up to allow clicking on other parts of the "wheel" to select time/date. The very first version of the plugin did, however, it led to a lot of unintentional input, particularly on touch devices.