So I created a survey, it’s a combination of 3 types of questions and total 8 blocks.
The main type of questions and the end result is shown as below, which are contained 3 text inputs and 1 None option regarding one image or audio.
The other two types are multiple choice or selective choice.
The CSS I used below, works for some of the questions but not all of them, sometimes messing up with other types of questions as well.
************************************************************
.Skin .MC label.q-checkbox {
display: none
}
.Skin .MC labelnfor$="~4"] {
display: block
}
.Skin .MC label.for^="QR~QID3~"] {
display: block
}
.Skin .MC label
}
**********************************************************************
Is there anyone know how to create CSS for different blocks? And how do I know which one is the block number as I fail to find the patten from the naming convention for the questions label?
Thanks.
Page 1 / 1
In general, you can't because there aren't any block identifiers in the page. I think there are much approaches anyway, but...
You could do it by setting a 'block' embedded data field in the survey flow, then use JS in the header or footer to insert its value into a class of an element in the DOM hierarchy (e.g., the .Skin element). Then you could use those class names in your CSS rules.
Thanks Tom.
I will try and report back.
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.