ACBC: display images in byo but not in screeners or choice tasks

Question

I have created images for specific attribute level combinations via the conditional display setting but would prefer that the images only show in the initial byo stage and not also later in screeners and choices. Is that possible? Thanks.

Answer 1

Start by adding the class "byoImage" to your images, like this:

<img class="byoImage" src="[%GraphicsPath()%]myimage1.png"/>

Then add this CSS to the survey head tag:

<style>
.byoImage {
    display: none;
}

.acbc_byo .byoImage {
    display: inline;
}
</style>