Contact Form - Datepicker / german localisation - Support | Kriesi.at

Viewing 17 posts - 1 through 17 (of 17 total)

Author

Posts
March 1, 2020 at 2:19 pm #1189203

unyq
Participant

Hi,

there is a bug within in the contactform, see here:

March 4, 2020 at 2:36 am #1189873

Ismael
Moderator

Hey unyq,

Thank you for the info.

It seems to be related to the language translations. Where can we see the issue? Please provide a link to the page containing the date picker so that we can check it.

Best regards,
Ismael

March 4, 2020 at 9:36 am #1189976

unyq
Participant

You can find the link in the private content. The german translation is not the best for the button, the word is too long.

In english it should be “Prev” and “Next” so in german “Zurück” and “Weiter”

Or just use Arrows with tooltips.

March 5, 2020 at 5:32 am #1190291

Rikard
Keymaster

Hi,

Thanks for the link, could you post admin login details in private as well? Otherwise we can’t view your site since it’s in maintenance mode.

Best regards,
Rikard

March 9, 2020 at 9:10 am #1191394

unyq
Participant

Sure, see them below:

March 9, 2020 at 9:44 am #1191400

Guenni007
Participant

you can see here how to change the placeholder and to substitute these prev. next text:
https://kriesi.at/support/topic/change-contact-formular-field-date-prefilled-dd-mm-yy-in-tt-mm-jj/#post-1185401
I prefer the : use signs as << and >>

March 9, 2020 at 1:40 pm #1191518

Ismael
Moderator

Hi,

@Guenni007: Thanks @Guenni007!

@unyq: Please follow @Guenni007’s recommendation above to change the default text of the navigation in the calendar.

Best regards,
Ismael

March 9, 2020 at 2:11 pm #1191530

unyq
Participant

Hi Ismael,

i added the css, but nothing shows up. As i underline the website i can see the old words, see screenshot

March 9, 2020 at 3:45 pm #1191553
Guenni007
Participant
```
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev span, #top .avia-datepicker-div.ui-datepicker .ui-datepicker-next span {
    color: transparent;
}
```
So if you also want to consider selecting these text fields :
then set them to display: none
```
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev span, 
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-next span {
   display: none
}
```
March 10, 2020 at 11:51 am #1191774

unyq
Participant

Ok, perfect. No it is working with the “«” . I had to add the css code to the Qiuck CSS Box.

Just one thing, the whole Date-Box is sticking to narrow to the navigation bar, any fix for that?

See Screenshot:

March 10, 2020 at 6:21 pm #1191959
Victoria
Inactive Moderator
Hi unyq,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
#top .avia-datepicker-div.ui-datepicker {
    z-index: 9999 !important;
}
```
If you need further assistance please let us know.

Best regards,
Victoria
March 21, 2020 at 2:55 pm #1195073

patrik_heini
Participant

Dear Victoria
I have the same problem, but I have never edited Quick CSS before. At the moment it looks like this:

label, input {
color: #948484!important;
border-color: #948484!important;
border-top-color: rgb(148, 132, 132) !important;
border-right-color: rgb(148, 132, 132) !important;
border-bottom-color: rgb(148, 132, 132) !important;
border-left-color: rgb(148, 132, 132) !important;
}

@media only screen and (min-width: 768px) {
#footer section#text-3 {
position: relative;
left: 50%;
}
}

@media only screen and (max-width: 767px) {
#footer .flex_column {
text-align: center;
}
}

.widgettitle {
text-transform: none!important;
}

.textwidget i {
color: #948484;
}

div#footer {
font-size: 15px;
}

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2{text-transform:none}

span.oeffnungszeit {
display: inline-block;
width: 150px;
}

h1,h2,h3,h4,h5,h6,a,.avia-menu-text,.av-special-heading-tag {
color:#948484!important;}

.avia_textblock a{text-decoration:underline}

Where exactly do I have to insert your part?

THANKS A LOT
Patrik

Private Shopping

March 22, 2020 at 5:34 am #1195178

Rikard
Keymaster

Hi Patrik,

Please try to paste it at the very top of the Quick CSS box, before the code you currently have in there.

Best regards,
Rikard

March 22, 2020 at 3:09 pm #1195244

patrik_heini
Participant

Hi Rikard
Many thanks for your answer.

Quick CSS lock now like this:

#top .avia-datepicker-div.ui-datepicker {
z-index: 9999 !important;
}

label, input {
color: #948484!important;
border-color: #948484!important;
border-top-color: rgb(148, 132, 132) !important;
border-right-color: rgb(148, 132, 132) !important;
border-bottom-color: rgb(148, 132, 132) !important;
border-left-color: rgb(148, 132, 132) !important;
}

@media only screen and (min-width: 768px) {
#footer section#text-3 {
position: relative;
left: 50%;
}
}

@media only screen and (max-width: 767px) {
#footer .flex_column {
text-align: center;
}
}

.widgettitle {
text-transform: none!important;
}

.textwidget i {
color: #948484;
}

div#footer {
font-size: 15px;
}

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2{text-transform:none}

span.oeffnungszeit {
display: inline-block;
width: 150px;
}

h1,h2,h3,h4,h5,h6,a,.avia-menu-text,.av-special-heading-tag {
color:#948484!important;}

.avia_textblock a{text-decoration:underline}

The problem is unfortunately still the same. You can see it on the link below.

March 24, 2020 at 9:51 am #1195934
Ismael
Moderator
Hi,

You should also add this css code to shorten the next and previous text.
```
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev span, #top .avia-datepicker-div.ui-datepicker .ui-datepicker-next span {
    color: transparent;
}

a.ui-datepicker-prev.ui-corner-all:before {
    content: 'zurück';
    display: block;
}

a.ui-datepicker-next.ui-corner-all:before {
    content: 'vor';
    display: block;
}
```
And add this code in the functions.php file.
```
add_filter('avf_datepicker_date_placeholder', 'new_date_placeholder');
function new_date_placeholder() {
    $placeholder = "TT / MM / JJ";
    return $placeholder;
}
```
Please check the following thread for more info.

// https://kriesi.at/support/topic/change-contact-formular-field-date-prefilled-dd-mm-yy-in-tt-mm-jj/#post-1185401

Best regards,
Ismael
March 24, 2020 at 2:45 pm #1196396

patrik_heini
Participant

Thanks Ismael! Now it looks much better! ;-)

March 24, 2020 at 5:24 pm #1196917

Victoria
Inactive Moderator

Hi patrik_heini,

Glad we could help :)

If you need further assistance please let us know.
Best regards,
Victoria
Author

Posts

Viewing 17 posts - 1 through 17 (of 17 total)

You must be logged in to reply to this topic.

Contact Form – Datepicker / german localisation