Urgent: Javascript for numpad keyboard doesn't work in Simple layout

Question

I added the following JS to a few questions to force the numpad keyboard to appear on phones for text input:jQuery("#"+this.questionId+" input[type='text']").attr('type', 'tel');Then I switched to the Simple Layout in Look and Feel tab. I really like this theme so wanna keep it. However, the questions with JS for numpad now show the full keyboard on phones; the code doesn’t seem to be working anymore.Any idea what could be the reason here?

chackbusch · Accepted Answer

@uditkSimple layout behaves different and does not support jQuery by default. Questions are maybe also set up with different IDs, elements and styles as the other layouts.The question ID is e.g., defined like “question-QID10”.Here is the code you have to put in the header of your survey (via the HTML editor <>) for loading JQuery with simple layout:And as JavaScript for your questions either try this:jQuery("#question-"+this.questionId+" input[type='text']").attr('type', 'tel');Or this:jQuery("#question-"+this.questionId+" .text-input").attr('type', 'tel');BestChristian

uditk · Answer

Thank you for the speedy response!I ended up taking some of your code and using my brother’s inputs (he shared pure JS version of your code). That way I didn’t have to put anything in the header, reducing additional script calls.This is the code I used for each question:try {  document.querySelectorAll("#question-"+this.questionId+" .text-input").forEach(el => {    el.setAttribute("type", "tel");  });} catch (err) { console.log(err); }It works!

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded