Differences

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

--- bootstrap [2025/09/16 09:23] – [Adding content] jsmith
+++ bootstrap [2025/12/19 10:14] (current) – [Project: Optional Properties] jsmith
@@ Line 54: / Line 54: @@
 | Lightbox... | By default, clicked images will open in a lightbox (i.e. a pop up that overlays the main page). Use these properties to turn the lightbox functionality on/off for the whole project. A lightbox property is also available on each page.  You can also add a caption above or below the image. |
 | Metadata... | Course: Label indicating the course this learning object is part of, used to create meta data in SCORM objects. This is also stored in xAPI events.\\ Module: Label indicating the module/subject of this learning object, used to create meta data in SCORM objects. This is also stored in xAPI events. |
-| Navigation bar... | The Navigation bar may display as a bar across the screen, or a hamburger dropdown on smaller screen sizes. You can position the Navigation bar above or below the header, and change the colours of the background, the text and the text on hover. |
+| Navigation bar... | The Navigation bar may display as a bar across the screen, or a hamburger dropdown on smaller screen sizes. You can position the Navigation bar above or below the header, and change the colours of the background, the text and the text on hover. :!: **New in 3.14**   A new **Fix Navigation bar** option allows you to pin the navigation bar to the top of the page so that it remains visible when you scroll down. |
 | Notes | Your notes for the project. These are not shown in the live project. |
 | Print Button | Adds a print button to the Navigation bar.  Pages can still be printed via the browser controls if this button is not added. |
@@ Line 212: / 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 229: / 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 252: / 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 269: / Line 270: @@
 | Show Title | Tick to display the Title, untick to hide | Tick box |   |
-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.
+:!:  **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 are **no Language Options** for Bootstrap > New PDF File.
+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.
 ++++
@@ Line 291: / 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.