Overview - Part 7
In this section, we will look at Adding Individual Slide Descriptions.
Note; At this point in the tutorial we have a Slide Title and a Gallery Description. What I want to add next are individual Slide Descriptions for each image in the Australian Outback gallery.
Like the slide titles we will dive into the Skin and add our descriptions there.
Editing the RPGT Component Skin
1. Open the RPGT_Tutorial_Simplex.p2vr project if it’s not already open
2. Click on the ‘Edit Skin’ button to open the Skin Editor
3. In the tree open cnt_RPGT_component > cnt_popup_responsive > cnt_popup_slides_text >
4. Click on txt_slide_description to highlight it. (figure #1)
Figure #1: Show and highlight txt_slide_description element
6. In the Properties section open the Text dropdown panel
7. Click on the Text: Logic Block button to open the Logic Block Settings window (figure #2)
Figure #2: Logic Block settings for the txt_slide_title element
6. In the first Trigger expression replace the Value text “gallery target” with the gallery target associated with the hotspot. In the case of the Australian Outback hotspot it’s ‘outback’ (no quotes) (figure #3)
Figure #3: Updated Logic Block Value Settings
Note: As we have 3 slides in the Outback gallery we will need to have 3 expressions in the Logic Block. We will follow the same procedure we used in Part 6 to create the additional expressions.
7. Click on the ‘Copy’ button and close the Logic Block
8. Re-open the Logic Block and select paste 2 times
9. Change the op_slideshow_descriptions value so we have values 1, 2 & 3 (figure #4)
Figure #4: Single expression pasted 2 times and updated number values.
10. In the expression Text box replace ‘Individual Description’ with the slide description of the image. You can find the description in the Tutorial files > Outback > Australian Outback.txt document (figure #4)
Figure #4: Australian Outback slide #1 Description
10. Add in all 3 descriptions and select OK to close the Logic Block (Figure #5)
Figure #5: Descriptions added to the logic block
11. Save the skin
12. Open the Edit Skin Configuration window and check ‘Show Individual Slide Descriptions’ (figure #4)
Figure #6: Check ‘Show Individual Slide Descriptions’
13. Output the project
14. Click on the Australian Outback hotspot and the image now displays the individual slide descriptions (figure #7)
Figure #7: Old Homestead with an individual slide description
Note: Now all of the Outback gallery images have individual slide titles and descriptions. (figures# 8 & 9)
Figure #8: Drover at the Gate
Figure #9: Sunset at the Billabong
Note: If we click on the ‘Australian Nature’ hotspot the gallery popup is no longer displaying the global description but instead its showing the default text ‘Individual Slide Descriptions’ (figure #10)
Figure #10: Australian Nature gallery showing the default text
Note: we are seeing the default text because the ‘Individual Slide Descriptions’ Edit Skin Configuration is a global setting and is a limitation of V6. We can get around this limitation by simply adding an individual description for the Australian Nature gallery that will be used on all images.
15. Open the Skin Editor
16. Open the txt_slide_description > Text: Logic Block
17. Add a new expression by clicking on the green ‘+’ button
18. Add a trigger ‘*rptg_slideshow_name’ = ‘nature’
19. In the Text box enter $(hd) that will use the text added in the hotspot description field (figure #9)
Figure #9: Logic block updated with ‘Australian Nature’ gallery description
20. Select ‘OK’ to close the logic block
21. Save the skin
22. Output the project
Note: This is the end of Part 7 move onto Part 8: Adding Individual Descriptions
