QS Admissions Form with Textareas - LWSPA.

qsTextAreas.html

<!-- Copy this entire code block-->
<div id="application-form"></div>
<div class="qsstandalone-footnote" id="enquiry-footer">Form powered by <a href="http://www.quickschools.com" target="_blank">QuickSchools.com - Student Information System</a></div>
<script src="https://lwspa.quickschools.com/sms/es/application?divId=application-form" async></script>
<script type="text/javascript">

qsMatchLabels = [
    "How did you learn of Living Wisdom School?",
    "Family Religion",
    "What are your educational goals for your child? In what way do you believe Living Wisdom School will help to accomplish these goals?*",
    "Academic Assessment*",
    "Social Assessment*",
    "Emotional Assessment*",
    "Spiritual Assessment*",
    "Has the student ever skipped or repeated a grade? Please Explain.*",
    "Has school attendance been steady and regular? If not, please explain.*",
    "Has the student been referred or tested for learning disabilities, ADD/ADHD, or emotional difficulties, etc.? If so, can you provide a copy of the results and recommendations?*",
    "Has the student ever required special tutoring? Or advanced tutoring? In which areas?*",
    "Has the student ever been subject to major disciplinary action in any school? If so, please explain.*"
];

var loadingForTextareaReplace = setInterval(function() {
    if (typeof _qs$ !== "undefined" && _qs$(".qslabel").length) {
        clearInterval(loadingForTextareaReplace);
        qsTextAreas();
    }
}, 10);

function qsTextAreas() {
    for (var i = 0; i < qsMatchLabels.length; i++) {
        var label = qsMatchLabels[i];
        var input = _qs$(".qslabel:contains(" + label +")").next(".qsinput");
        if (input.length) {
            input.html(input.html().replace("input", "textarea"));   
        }
    }
}

</script>

<style type="text/css">

.qsform textarea {
    font-family: inherit;
    font-size: 1em;
    width: 97%;
    border: 1px solid grey;
    padding: 5px 0px 5px 5px;
    border-radius: 4px;
    height: 100px;
}

</style>