Differences

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

--- bootstrapprojop_header [2025/01/22 21:17] – [Editor Interface] jsmith
+++ bootstrapprojop_header [2025/02/06 15:23] (current) – yvonne_moore
@@ Line 5: / Line 5: @@
 ===== Editor Interface =====
-{{ :xerte-bootstrap-header.png?700 |}}
+{{ :xerte-bootstrap-header.png?700 }}
 ===== Properties =====
-| **Property** | **Description** | **Type** | **Additional Information** |
+| **Property** || **Description** | **Type** | **Additional Information** |
-| Glossary  | A table for storing terms and their associated definitions.  | Table  | There are several options to add, edit, delete or find records in the table - see below for more details.  |
+| Hide Header  || Hides/unhides the header.  | Tick box  |   |
-| Show Definition on Hover | Essentially switches on and off the glossary | Tick box |   |
+| Title Position || {Left/**Centre**/Right} The horizontal alignment of the Page Title and Page Subtitle in the header | Drop-down | The vertical alignment of the Page Title and Page subtitle are fixed unless you add a Style or Stylesheet.  |
-| Glossary Page | %%{None/First Page/Last Page}  You can choose to additionally have the whole glossary display on a page of the Bootstrap, so the learner can browse through terms and their definitions%% | Drop-down |   |
+| Image: | File | If you want to use an image as the background for your header, upload it here. | Link to Media Browser |   |
+| ::: | Position | {**Left**/Centre/Right}  | Drop-down  |   |
-===== Using the Glossary =====
+| ::: | Position | {**Horizontal and Vertical Repeat**/Horizontal Repeat/Vertical Repeat/No Repeat}  | Drop-down  | If you have a small image, you can choose to have it repeated to fill the Header space.  |
+| ::: | Size | {**Do not set**/Auto/Contain/Cover}  | Drop-down  | This property is only visible if you select **No Repeat **for the** Image: Repeat **property above.  |
-Glossary items can be added in two ways:
+| Customise Colours: | Background Colour | If you don't choose to an image as your background, you can choose a background colour here. | Colour picker |   |
+| ::: | Text Colour | The colour of the text in the Page Title and Subtitle. | Colour picker |   |
-  * Individually, by adding new rows to the glossary table for each new term/definition
+| Right Logo: | Hide Default logo | Hides/unhides logo. | Tick box | You can add an image as a logo on either the left or right side of the header, or both. |
-  * In bulk, uploading a specifically formatted .csv file
+| ::: | File | Add the logo image file here. | Media Browser |   |
+| ::: | Description | A description for accessibility. | Text |   |
-==== Adding terms/definitions individually ====
+| Left logo: | Hide Default logo | Hides/unhides logo. | Tick box |   |
+| ::: | File | Add the logo image file here. | Media Browser |   |
-  - Click the plus (+) icon at the foot of the Glossary table.
+| ::: | Description | A description for accessibility. | Text |   |
-  - In the resulting dialog box add your term and its associated definition and click Submit.
-  - The newly added entry will be visible in the table, as a new row.
-  - Repeat steps 1-3 for each new term.
-==== Adding terms/definitions in bulk ====
-You can create your terms and associated definitions in a .csv file so that they can be added to the Glossary table in one go.  However, this option will overwrite any existing terms in the table, so either include any entries already present or undertake this option when starting a fresh Glossary.
-  - Create a Microsoft Excel file and save it in .csv format. Add two columns, one for 'terms' and one for 'definitions'.  Add all the terms/definitions you want to include in your glossary and save. (Remember to save in .csv format **//not//** .xlsx or other spreadsheet formats).//  //
-  - Click the **Choose file** button and search for your .csv file.
-  - Click **Upload csv **text and you will see a warning message.  {Warning: this will overwrite the current table.}
-  - Click **Ok** and the entries will be added to the table (and any existing ones overwritten).
-==== Editing or deleting terms/definitions ====
-To edit a glossary entry, you can either:
-  * **double click** a row in the Glossary table, and the dialog box will open with that row's entry for you to update
-  * **select a row** in the Glossary table, and it will highlight in yellow, and click the **pencil** (Edit selected row) **icon**, and the dialog box will open with that row's entry for you to update
-Once the dialog box opens you can scroll through the existing entries using the forward and backward buttons.
-To delete a glossary entry, **select a row** in the Glossary table, and it will highlight in yellow. Click the **bin** (Delete selected row) **icon** and confirm by clicking the **Delete** button.
-==== Searching for terms ====
-If the Glossary contains many entries, it can be easier to search for a specific term/definition when you want to edit an entry. Click the **magnifier** (Find records) **icon** and use the resulting search box to filter for the term or definition you want to edit.
-===== View Glossary definitions (in page) =====
-When a term has been added to the Glossary, and it is then used in a project's page, its definition can be viewed by hovering the mouse over the term.  The term is identifiable by a dotted underline.
-{{ :xerte-bootstrap-glossary2.png?700 }}
-<del>You can view the whole glossary by clicking the Glossary button in the footer</del>.
-===== Hide Glossary definitions (in page) =====
-On each page type you can add the **Disable Glossary** optional property.  By checking this option, the dotted underline and tooltip (for terms added to the glossary) will not appear on the page. :?: //Delete this section, only applies to XOT.//
-{{dsiable_glossary.png?400|Disable glossary option.}}