dropdown command with tag update

Blocks (bootstrap Only)

Add ability to update an image or more when a dropdown list selection is changed

Procedure

• Use dropdown command normally.
• Add to status command

imageid=auto

or imageid=id of image on page (set in separator or bootstrap layout)

• Add to status command

      imageseq=1 (default and can be omitted)

Since a dropdown list value can be of multiple parts (separated by ////) imageseq=1 tells the processor to get the first value part in a dropdown selection.

Bootstrap img-responsive class is added automatically to the img tag when imageid is set to auto.

Other options

imageseq=1,3  (get the first and third part of the value)

This requires that there are two img tags to be updated.

Important   

If imageid is not set to auto then the img tags must be added manually with the sequence number appended to the id.

imageid MUST be in lower case

Example:

Tag:     <img id="imgname" src="" class=”img-responsive”/>

status: imageid=imgname

For more than one image, use:

Tags:

<img id="imgname1" src="" />

<img id="imgname3" src="" />

status: imageid=imgname imageseq=1,3

Please note that the sequence number does not appear in the imageid, it will be appended by the application from imageseq. The actual id must point to the correct sequence. Hence, imagename1 points to the first part of the value while imagename3 points to the third part.

Sample Data:

Image1::::~/Storage/1/1/0/Assets/720x360/Image1.jpg////Part 2 Text of First Value////~/Storage/1/1/0/Assets/Animals/Bear_Young.jpg;Image2::::~/Storage/1/1/0/Assets/720x360/Image2.jpg////Part 2 Text of Second Value////~/Storage/1/1/0/Assets/Animals/FoxCub.jpg