Calendar shows up out of place

MissJMissJ Community Member Qubie ✭

Calendar shows up out of place

Hi All,

So this is my first post and I'm not sure I'm putting it in the right place, but here goes:

I am working on a survey, and in the survey, I have inserted a date field with a calendar date picker via JavaScript from pikaday. This works perfectly (and is also translated to Ukrainian where it also works a treat). However, the problem is that the 'calendar' now shows up on the left-hand side of all subsequent pages in a very 'bare' looking format, e.g. below:

The Javascript I used is this:

Date of installation:

Qualtrics.SurveyEngine.addOnload(function()
{
var inputId = 'QR~' + this.questionId;
var languages = {
"UK": {
months: ["Січень", "Лютий", "Березень", "Квітень", "Травень", "Червень", "Липень", "Серпень", "Вересень", "Жовтень", "Листопад", "Грудень"],
weekdays: ["Неділя", "Понеділок", "Вівторок", "Середа", "Четвер", "П’ятниця", "Субота"],
weekdaysShort: ["Нд", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб",],
},
"EN": {
months: ['January','February','March','April','May','June','July','August','September','October','November','December'],
weekdays: ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],
weekdaysShort: ['Sun','Mon','Tue','Wed','Thu','Fri','Sat',],
},
};
var picker = new Pikaday(
{
field: document.getElementById(inputId),
firstDay: 1,
i18n: languages['${e://Field/Q_Language}'],
format: 'DD/MM/YYYY',
});
});
Qualtrics.SurveyEngine.addOnReady(function()
{
jQuery("#"+this.questionId+" .InputText").attr("readonly",true);

});

I am not very good in terms of JavaScript, but can any of you please tell me how I avoid the calendar showing up 'out of place' on subsequent pages in the survey?

Thank you in advance.

Best Regards,
Trine Peckham

Tagged:

Best Answer

  • MissJMissJ Qubie ✭
    Accepted Answer

    I fixed the issue by editing the header and inserting it as a javascript instead of directly in the html of the question text. :)

Sign In to Comment