Differences

This shows you the differences between two versions of the page.

--- bootstrap [2025/09/16 07:33] – [Bootstrap] jsmith
+++ bootstrap [2025/09/16 09:49] (current) – [Adding content] jsmith
@@ Line 5: / Line 5: @@
 :!: **New in 3.13**  You can create a Simple mode for Bootstrap using a sub-template, in the same way as you can for XOT.  This has to be set up through the management.php page. \\ [[central_templates_management.php| More information on sub-templates]].
-:!: **New in 3.14** You have been able to hide/unhide pages and sections in Bootstrap; now you can also hide/unhide items within sections (e.g. text, audio, video, navigator, link, embedded XOT).
+:!: **New in 3.14** It has long been possible to hide/unhide pages and sections in Bootstrap; now you can also hide/unhide **items** within sections (e.g. text, audio, video, navigator, link, embedded XOT).
 ===== Example demo =====
@@ Line 154: / Line 154: @@
 ^ Property ^ Description ^ Type ^ Additional information ^
 | Disable glossary | Tick to disable the glossary, untick to activate it  | Tick box  |   |
+| Hide/Show text              :!: **New in 3.14** | Hides/unhides this text | Tick box | There are also **From **and **Until **fields which can be used to set specific periods when the text is hidden/displayed. |
 There are **no Language Options** for Bootstrap > New Text.
@@ Line 171: / Line 172: @@
 | Show Title | Tick to display the Title, untick to hide | Tick box |   |
-There are **no Optional Properties or Language Options** for Bootstrap > New Image.
+==== New Image: Optional Properties ====
+^ Property ^ Description ^ Type ^ Additional information ^
+| Caption | Adds a caption below the image  |   |   |
+| Hide/Show image              :!: **New in 3.14** | Hides/unhides this image | Tick box | There are also **From **and **Until **fields which can be used to set specific periods when the image is hidden/displayed. |
+There are **no Language Options** for Bootstrap > New Image.
 ++++
@@ Line 185: / Line 192: @@
 | Sound | Upload the audio file here, through Media Browser | Link to Media Browser |   |
 | Show Title | Tick to display the Title, untick to hide | Tick box |   |
+==== New Audio: Optional Properties ====
+^ Property ^ Description ^ Type ^ Additional information ^
+| Transcript | Adds a transcript button to the audio player, which displays the text on click.  | Text  |   |
+| Hide/Show Audio :!: **New in 3.14** | Hides/unhides this audio | Tick box | There are also **From **and **Until **fields which can be used to set specific periods when the audio is hidden/displayed. |
 There are **no Optional Properties or Language Options** for Bootstrap > New Audio.
@@ Line 199: / Line 212: @@
 | Show Title | Tick to display the Title, untick to hide | Tick box |   |
-There is only one Optional Property, **iframe Aspect Ratio**, which sets the aspect ratio for videos from external sites (e.g. YouTube).
+==== New Video: Optional Properties ====
+^ Property ^ Description ^ Type ^ Additional information ^
+| **iframe Aspect Ratio** | Sets the aspect ratio for videos from external sites (e.g. YouTube)  | Drop down  |   |
+| Hide/Show video       :!: **New in 3.14** | Hides/unhides this video | Tick box | There are also **From **and **Until **fields which can be used to set specific periods when the video is hidden/displayed. |
 There are **no Language Options** for Bootstrap > New Video.
@@ Line 216: / Line 233: @@
 | Show Title | Tick to display the Title, untick to hide | Tick box |   |
-After you have created the overall settings for this section and decided which type of navigator to use, you need to a **New Pane** for each batch of content within the navigated section, and then within each Pane, you choose the type of content from the 8 categories (Text, Image, Audio, Video, Link, PDF File, XOT Project). It is theoretically possible to add several different types of content within a Pane, but in practice it is better to put different types of content in different Panes. :!: ** New in 3.13** A new Pane ID optional property has been added; this allows you link directly to a pane.
+After you have created the overall settings for this section and decided which type of navigator to use, you need to a **New Pane** for each batch of content within the navigated section, and then within each Pane, you choose the type of content from the 8 categories (Text, Image, Audio, Video, Link, PDF File, XOT Project). It is theoretically possible to add several different types of content within a Pane, but in practice it is better to put different types of content in different Panes.
-==== New Text: Optional Properties ====
+:!: ** New in 3.13** A new **Pane ID** optional property has been added; this allows you link directly to a pane.
-^ Property ^ Description ^ Type ^ Additional information ^
+:!:  **New in 3.14** A **Hide/Show Navigator** optional property has been added.  There are also **From **and **Until **fields which can be used to set specific periods when the navigator is hidden/displayed.
-| Auto-Play (Carousel Only): Auto-Play | Tick to have the Carousel auto-play when the learner lands on the section  | Tick box  |   |
-| Auto-Play (Carousel Only): Delay | The delay in seconds before | Number |   |
-| Collapse Accordion | Tick for all accordion panes to start collapsed when the learner lands on the section | Tick box |   |
-There are **no Language Options** for Bootstrap > New Text.
+There are **no Language Options** for Bootstrap > New Navigator.
 ++++
@@ Line 239: / Line 253: @@
 | URL | The URL for the destination webpage | Text |   |
-:?:  //There are 9 Optional Properties for New Link, but it is not clear what these do.//
+:!:  **New in 3.14** A **Hide/Show Link** optional property has been added.  There are also **From **and **Until **fields which can be used to set specific periods when the link is hidden/displayed.
-There are **no Language Options** for Bootstrap > New Text.
+There are **no Language Options** for Bootstrap > New Link.
 ++++
@@ Line 255: / Line 269: @@
 | PDF file | Upload the PDF file here, through Media Browser | Link to Media Browser |   |
 | Show Title | Tick to display the Title, untick to hide | Tick box |   |
+:!:  **New in 3.14** A **Hide/Show PDF** optional property has been added.  There are also **From **and **Until **fields which can be used to set specific periods when the PDF is hidden/displayed.
 There is **only one Language Option** for Bootstrap > New PDF File - this allows you to change the text on the link to open the PDF in a new tab.
-There are **no Language Options** for Bootstrap > New PDF File.
 ++++
@@ Line 278: / Line 292: @@
 ^ Property ^ Description ^ Type ^ Additional information ^
-| Embed | Tick to embed the XOT project in the section  | Tick box  | You can tick both **Embed **and **Show Link **(see below) at the same time, but it is not recommended  |
-| Height | Height of the embedded XOT project in pixels | Number | Default - "100%" |
 | Page | If you want a specific page in the XOT project to display, enter the page number here | Number | If you don't want learners to navigate to other pages, tick **Hide Footer** in the Core Prpoerties |
-| Show link | Tick to show a link to the XOT project, which opens in a new tab | Tick box | You can tick both **Show Link **and **Embed **(see above) at the same time, but it is not recommended |
+| Dimensions | Allows you to set the **Width **as a percentage** **relative to the width of the content area on the page, and **Height **in pixels. | Text | Default width - 100%, Default height - 600 |
-| Width | Width of the embedded XOT project relative to the width of the content area on the page | Percentage | Default - "100%" |
+| Include link | Tick to show a link to the XOT project, which opens in a lightbox or new tab/window | Tick box | You can also add **Link text **which displays with the link.  You can also hide the embedded XOT, by unticking the **Embed **tick box. |
+| Hide/Show XOT    :!: **New in 3.14** | Hide/show this XOT | Tick box | There are also **From **and **Until **fields which can be used to set specific periods when the video is hidden/displayed. |
 There are **no Language Options** for Bootstrap > New XOT Project.
 ++++
 ===== Advanced Options =====