Birthdate – D-M-Y to M-D-Y

  • Resolved bmcconach

    (@bmcconach)


    4 years, 10 months ago

    The latest updates to the plugin since my last usage have been wonderful! The handling of the birthdate-to-age is so much easier to work with now without custom modifications, but I’m running into one tiny hiccup:

    I’d like the fields (when editing) to be laid out as Month – Day – Year instead of the current Day – Month – Year. In the following picture, the top shows the current view and the bottom shows the desired effect.
    https://i.gyazo.com/76b6605904b61558fa59fe1aaf0c4e61.png

    Any help/hints/advice would be most appreciated!

    • This topic was modified 4 years, 10 months ago by bmcconach.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Brajesh Singh

    (@sbrajesh)

    Thank you.

    Please use css flex box over the container and the css order property to reorder the elements.

    Regards
    Brajesh

    Thread Starter bmcconach

    (@bmcconach)

    Brajesh,

    Thank you for getting back to me! I have used your suggestion and managed to get the fields aligned just how I wanted.

    For anyone else who may be looking for this solution, here is the CSS I used with my particular theme:

    .editfield.field_type_birthdate .datebox-selects {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}
.editfield.field_type_birthdate .datebox-selects select:nth-of-type(1) { order: 2; }
.editfield.field_type_birthdate .datebox-selects label:nth-of-type(1) {	order: 2; }
.editfield.field_type_birthdate .datebox-selects select:nth-of-type(2) { order: 1; }
.editfield.field_type_birthdate .datebox-selects label:nth-of-type(2) {	order: 1; }
.editfield.field_type_birthdate .datebox-selects select:nth-of-type(3) { order: 3; }
.editfield.field_type_birthdate .datebox-selects label:nth-of-type(3) {	order: 3; }
    Plugin Author Brajesh Singh

    (@sbrajesh)

    Thank you. Glad, You solved it.

    Thank you for sharing the code ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Birthdate – D-M-Y to M-D-Y’ is closed to new replies.