Hi
Please check below survey form, page 2:
areca-quotation-request-1.herokuapp.com
In Page 2, depending on 1st question, I was making panels visible. If High quality checked, that panel should be visible below for further questions and so on. But nothing happens.
I tried both {qualityAvailable} contains 'HighQuality' and {qualityAvailable}='HighQuality'
Here is my json:
{
pages: [
{
elements: [
{
type: "html",
html: "<h2><strong>Areca Plates Quotation Form</strong></h2>\n<h5><strong>பாக்கு மட்டை தட்டுகள் விலைப்படிவம்</strong></h5>",
name: "Heading"
},
{
type: "panel",
elements: [
{
type: "text",
description: " ",
name: "companyName",
title: "Company Name / நிறுவனத்தின் பெயர்"
},
{
type: "text",
inputType: "number",
name: "mobile",
size: 15,
title: "Mobile (Preferably Whatsapp) / (வாட்ஸ்அப் உடைய) செல்லிடைபேசியின் எண்"
},
{
type: "text",
inputType: "email",
name: "emailID",
title: "Email ID / மின்னஞ்சல் முகவரி"
},
{
type: "html",
html: "<br />\n <!-- Trigger the modal with a button -->\n\t<a data-toggle="modal" href="#myModal">Tips for Survey / உபயோகமுள்ள குறிப்புகள்</a>\n <!-- Modal -->\n <div class="modal fade" id="myModal" role="dialog">\n <div class="modal-dialog">\n \n <!-- Modal content–>\n <div class="modal-content">\n <div class="modal-header">\n <h4 class="modal-title">Useful Tips/உபயோகமுள்ள குறிப்புகள்</h4>\n </div>\n <div class="modal-body">\n <p style="font-size: 11px;"><span style="color: #808080;">This info will help you finish survey faster and quote better. </span></p>\n<p style="font-size: 11px;"><span style="text-decoration: underline;">Quality:</span><br /><span style="color: #808080;">We would need both <strong>High</strong> and <strong>Normal</strong> quality for most of models. </span><span style="color: #808080;">High quality plates are typically made and sold for exports. They are cleaned well, puffed, smoothened, has minimal or no dark patches, and quality controlled. </span><span style="color: #808080;">Normal quality plates are cheaper, inferior in any way from high quality plates and are typically sold in price sensitive local markets</span></p>\n<p style="font-size: 11px;"><span style="text-decoration: underline;">PPU (Price Per Unit):</span><br /> <span style="color: #808080;">Quote your best price. For example, if you could offer at Rs.5 per plate, if minimum order quantity (MOQ) is 500 plates, and at Rs.4 per plate, if minimum order quantity is 1000 plates, then quote Rs. 4 here, and 5000 in MOQ. Note MOQ is per model, not total. </span></p>\n<p style="font-size: 11px;"><span style="text-decoration: underline;">Transportation:</span><br /><span style="color: #808080;">Goods Destination: Coimbatore</span><br /><span style="color: #808080;">Sample Destination: Bangalore</span><br /><span style="color: #808080;">Address would be shared later.</span></p>\n<p style="font-size: 10px;"><span style="color: #808080;">இந்த விஷயங்கள், உங்கள் நேரத்தை மிச்சபடுத்தவும், தெளிவான முறையில் விலை பட்டியலை கொடுக்கவும் உதவும். </span></p>\n<p style="font-size: 10px;"><span style="text-decoration: underline;">தரம்:</span><br /><span style="color: #808080;">எங்களுக்கு பெரும்பாலான தட்டு வகைகளுக்கு உயர்தரம் மற்றும் சாதாரண தர தட்டுகள் தேவை. </span><span style="color: #808080;">உயர்தர தட்டுகள் என்றால், நன்றாக கழுவப்பட்டு, ஊதப்பட்டு சுத்தமாக இருக்கும். கருப்பு திட்டுகள் பொதுவாக இருக்காது. சீராக இருக்கும். சரியாக வெட்டப்பட்டு இருக்கும். பொதுவாக சீரான சாய்வு கொண்டதாக இருக்கும். இவை பொதுவாக ஏற்றுமதி செய்யபடுபவை. </span><span style="color: #808080;">சாதாரண தட்டுகள் விலை குறைவாகவும், உயர்தர தட்டுகள் விட எதோ வகையில், குறையுள்ளதாகவும் இருக்கும். அதாவது, சுத்தப்படுத்த படாமல் இருக்கலாம். அல்லது சீரான சமதளம் இல்லாமல் இருக்கலாம். இவை பொதுவாக உள்ளூர் சந்தையில் விற்கப்படுபவை.<br /></span></p>\n<p style="font-size: 10px;"><span style="text-decoration: underline;">PPU (ஒரு தட்டின் விலை): </span><br /><span style="color: #808080;">உங்களின் குறைந்தபட்ச விலையை கூறவும். அதாவது, 500 தட்டுகளுக்கு, ஒரு தட்டு ரூபாய் 5 க்கு கொடுக்க முடிந்தால், 1000 தட்டுகளுக்கு ரூபாய் 4 என்றால், PPU வில், 4 என குறிப்பிடவும். கூடவே குறைந்தபட்ச தட்டு எண்ணிக்கை (MOQ) 1000 என குறிப்பிடவும். கவனம், MOQ ஒவ்வொரு தட்டு வகைக்கும் தனியானது. மொத்தம் அல்ல.</span></p>\n<p style="font-size: 10px;"><span style="text-decoration: underline;">போக்குவரத்து:</span><br /><span style="color: #808080;">சரக்கு இலக்கு: கோவை</span><br /><span style="color: #808080;"> மாதிரி இலக்கு: பெங்களூரு</span><br /><span style="color: #808080;"> விலாசங்கள் பிறகு பகிரப்படும்</span></p>\n </div>\n <div class="modal-footer">\n <button type="button" class="btn btn-default" data-dismiss="modal">Ok / சரி</button>\n </div>\n </div>\n \n </div>\n </div>\n",
name: "question2"
}
],
name: "contactInfo",
title: "Your Contact Info / உங்கள் விவரங்கள்"
}
],
name: "Home"
},
{
elements: [
{
type: "panel",
elements: [
{
type: "checkbox",
choices: [
{
value: "HighQuality",
text: "High Quality / உயர்தரம்"
},
{
value: "NormalQuality",
text: "Normal Quality / நடுத்தரம்"
}
],
name: "qualityAvailable",
title: "Please select types of plates you could supply (எந்த தரமுடைய தட்டுகள் உங்களால் விற்க முடியும்?)"
},
{
type: "html",
html: "<br /><p style="font-size: 10px;"><span style="color: #808080;">You could choose any one or all. This helps narrow down further questions saving your time / நீங்கள் ஏதேனும் ஒன்று அல்லது அனைத்தையும் தேர்வு செய்யலாம். இது அடுத்த கேள்விகளை வடிகட்டி, உங்கள் நேரத்தை மிச்சப்படுத்தும். </span></p>",
name: "question1"
}
],
name: "roundPlates",
title: "Round Plates / வட்ட வடிவ தட்டுகள்"
},
{
type: "panel",
name: "roundPlatesHigh",
title: "Round Plates - High Quality / வட்ட வடிவ தட்டுகள் - உயர்தரம்",
visibleIf: "{qualityAvailable} contains 'HighQuality'"
},
{
type: "panel",
name: "roundPlatesNormal",
title: "Round Plates - Normal Quality / வட்ட வடிவ தட்டுகள் - நடுத்தரம்",
visibleIf: "{qualityAvailable} contains 'NormalQuality'"
}
],
name: "roundPlates"
},
{
elements: [
{
type: "panel",
elements: [
{
type: "radiogroup",
name: "canSendSample",
title: "Can you send Samples?",
choices: [
"Yes",
"No"
]
},
{
type: "radiogroup",
name: "freeOrPaid",
visible: false,
visibleIf: "{canSendSample}='Yes'",
title: "Free or Paid?",
description: "As I am requesting quotation from 100s of vendors, free would be preferred. Nevertheless please feel free to specify if you would surely need to be paid for samples. ",
choices: [
"Free",
"Paid"
]
},
{
type: "text",
description: "Total cost including everything (packing, transportation, etc)",
inputType: "number",
name: "sampleCost",
title: "Sample Cost",
visible: false,
visibleIf: "{freeOrPaid}='Paid'"
}
],
name: "panel2",
title: "Samples"
}
],
name: "samples"
}
],
showProgressBar: "top"
}
Please help asap.