Loading...
 
Features / Usability

Features / Usability


Multiple images within a hidden text area

posts: 24 United States

I'm looking for a cleaner way of doing this. Right now I have an ordered list on a page. On the second level of that list I have a hidden text area. I would like to have multiple images hidden within that area as well that will show only when the whole area is shown. I would also like for the level 1 numbering to continue after the hidden section. Essentially it is a list of steps to follow, with the first step being conditional. If it needs to be done, open the hidden text and look at more directions as well as screenshots. So far I have been able to make it work like this:

Copy to clipboard
#If program is not installed ##-Open a browser and download the installer ... ##Final step. Press Finish %%%{img fileId="1" <parameters>}{img fileId="2" <parameters>}...{img fileId="9" <parameters>} %%%

Intent1
Intent2

Within the parameters I include stylebox="float: left;" to stack the images side by side. As you can guess, with multiple images and parameters for each, this becomes a very long line of text. The line break characters are needed because if I place the images on the next line they will not be included in the hidden text.

If I were to use
Copy to clipboard
%%%{img fileId="1|2|...|9" <parameters>}%%%
it shortens it significantly but pushes the images outside of the hidden text area and restarts the level 1 numbering.

Using Multiple Image Notation
Is there a way to include the images within the hidden text area that does not involve a very long line of text, thus making the editor easier to read?

posts: 2428 Czech Republic

Hi David,
you can do:

Copy to clipboard
#If program is not installed ##-Open a browser and download the installer ... ##Final step. Press Finish ++{img fileId="1" <parameters>} ++{img fileId="2" <parameters>} ++... ++{img fileId="9" <parameters>}%%%


Or try the Fade wiki-plugin.


Upcoming Events

1)  18 Apr 2024 14:00 GMT-0000
Tiki Roundtable Meeting
2)  16 May 2024 14:00 GMT-0000
Tiki Roundtable Meeting
3)  20 Jun 2024 14:00 GMT-0000
Tiki Roundtable Meeting
4)  18 Jul 2024 14:00 GMT-0000
Tiki Roundtable Meeting
5)  15 Aug 2024 14:00 GMT-0000
Tiki Roundtable Meeting
6)  19 Sep 2024 14:00 GMT-0000
Tiki Roundtable Meeting
7) 
Tiki birthday
8)  17 Oct 2024 14:00 GMT-0000
Tiki Roundtable Meeting
9)  21 Nov 2024 14:00 GMT-0000
Tiki Roundtable Meeting
10)  19 Dec 2024 14:00 GMT-0000
Tiki Roundtable Meeting