Birthday field in registration form shows only first 3 digits of the year
By Vladimir Antropov on Tuesday, 01 July 2014
Posted in Technical Issues
Replies 4
Likes 0
Views 547
Votes 0
Hello,

The year in birthday field in the registration form shows only first three digits - see the screenshot in the attachment. Is it your issue, Joomla's or Google Chrome's?

Regards,
Vlad
Hey Vladimir,

That's just a template style issue.

Simply create a CSS override to your styles:

body div#fd.es .ui-datepicker, body div#fd.es .ui-datepicker-inline {
width: 250px;
}
body div#fd.es .ui-datepicker .ui-datepicker-header, body div#fd.es .ui-datepicker-inline .ui-datepicker-header {
width: 248px;
}

If using Chrome, right click an element, select "inspect element", then view the styles window, and see what CSS needs to be modified.

Hope this helps.

PS, I much prefer like Facebook, where you have 3 simple select drop forms, similar to:
https://github.com/abecoffman/birthdaypicker
Ryan Scott
·
Tuesday, 01 July 2014 21:38
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for sharing this Ryan
Mark
·
Tuesday, 01 July 2014 23:24
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Ryan,

Thank you for the advice. Although I didn't follow it literally, you gave me a good hint and got me started on the whole customisation topic. My solution is to create style.css file in /templates/protostar/html/com_easysocial/styles with the following content:


@import "../../../../../components/com_easysocial/themes/wireframe/styles/base.css";

@import "../../../../../components/com_easysocial/themes/wireframe/styles/style.css";

@import "../../../../../components/com_easysocial/themes/wireframe/styles/more.css";



body div#fd.es .ui-datepicker select.ui-datepicker-month, body div#fd.es .ui-datepicker select.ui-datepicker-year, body div#fd.es .ui-datepicker-inline select.ui-datepicker-month, body div#fd.es .ui-datepicker-inline select.ui-datepicker-year{

	width:50%;

	}


Regards,
Vlad
Vladimir Antropov
·
Wednesday, 02 July 2014 20:04
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for updating Vladimir
Mark
·
Wednesday, 02 July 2014 23:31
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post