Xerte Community Documentation

User Tools

Site Tools

Trace:
bootstrapprojop_header

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
bootstrapprojop_header [2025/02/01 16:10] – [Properties] jsmithbootstrapprojop_header [2025/02/06 15:23] (current) – yvonne_moore
Line 5: Line 5:
 ===== Editor Interface ===== ===== Editor Interface =====
  
-{{ :xerte-bootstrap-header.png?700 |}}+{{ :xerte-bootstrap-header.png?700 }}
  
 ===== Properties ===== ===== Properties =====
  
-| **Property** |  | **Description** | **Type** | **Additional Information** |+| **Property** || **Description** | **Type** | **Additional Information** |
 | Hide Header  || Hides/unhides the header.  | Tick box  |   | | Hide Header  || Hides/unhides the header.  | 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.  |+| 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.  |
 | Image: | File | If you want to use an image as the background for your header, upload it here. | Link to Media Browser |   | | 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  | This only  |+| ::: | Position | {**Left**/Centre/Right}  | Drop-down  |   |
 | ::: | 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.  | | ::: | 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.  | | ::: | 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.  |
-| Customise Colours: | Background Colour | If you don't choose to an image as your background you can choose a background colour here | Colour picker |  | +| 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 |  | +| ::: | Text Colour | The colour of the text in the Page Title and Subtitle. | Colour picker |   | 
-| 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. | +| 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. | 
-| ::: | File | Add the logo image file here | Media Browser |  | +| ::: | File | Add the logo image file here. | Media Browser |   | 
-| ::: | Description | A description for accessibility | Text |  | +| ::: | Description | A description for accessibility. | Text |   | 
-| Left logo: | Hide Default logo | Hides/unhides logo | Tick box |  | +| Left logo: | Hide Default logo | Hides/unhides logo. | Tick box |   | 
-| ::: | File | Add the logo image file here | Media Browser |  | +| ::: | File | Add the logo image file here. | Media Browser |   | 
-| ::: | Description | A description for accessibility | Text |  | +| ::: | Description | A description for accessibility. | Text |   |
- +
- +
-===== Using the Glossary ===== +
- +
-Glossary items can be added in two ways: +
- +
-  * Individually, by adding new rows to the glossary table for each new term/definition +
-  * In bulk, uploading a specifically formatted .csv file +
- +
-==== Adding terms/definitions individually ==== +
- +
-  - Click the plus (+) icon at the foot of the Glossary table. +
-  - 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.}}+
  
  
bootstrapprojop_header.1738426244.txt.gz · Last modified: 2025/02/01 16:10 by jsmith