Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
en:zone_indicateur_de_progression [2023/10/03 11:16] nraulet |
en:zone_indicateur_de_progression [2023/10/03 11:24] (current) nraulet [Procedure] |
||
---|---|---|---|
Line 7: | Line 7: | ||
===== Procedure ===== | ===== Procedure ===== | ||
- | To add a progress indicator, first create a new page in the page tab by pressing the button : | + | To add a progress indicator, you first need to create a new page in the "Page" tab by clicking the button: |
{{:fr:nouveau.png?100|}} | {{:fr:nouveau.png?100|}} | ||
- | Name the page and confirm. | + | Name the page and then validate it. |
- | Then create a new zone by clicking on the + button | + | Next, create a new zone by clicking the "**+**" button: |
{{ :fr:ajouterunezone.png?600 |}} | {{ :fr:ajouterunezone.png?600 |}} | ||
- | In general properties for the zone, choose a progress indicator. | + | In the **general properties of the zone**, choose a progress indicator. |
- | In zone content>type, | + | In the zone content > type, |
- | You have a choice of different types of indicator: | + | You have the choice of different types of indicators: |
- | {{ :fr:exampleindicateurplaylist.png |}} | + | {{ :fr:exempleindicateurplaylist.png |}} |
- | + | ||
- | * Current position in the playlist with a number, indicates the number of pages in the playlist as well as the pagination of the current page. | + | * Current position in the playlist with numbering, indicates the number of pages in the playlist and the pagination of the current page. In this indicator, you can decide whether to display the page number, pagination, and choose the separator between the two pieces of information. You can also choose whether pagination is displayed as a counter or a countdown. |
- | In this indicator, you can decide whether or not to display the number of pages, the pagination and choose the separator between the two pieces of information. You can also choose whether the pagination is displayed as a counter or a countdown. | + | * Current position in the playlist with dots, indicates the number of pages in the playlist using a set of dots, and the currently displayed page is highlighted by one of the dots in the list (first page, first dot, fifth page, fifth dot). |
- | * Current position in the playlist with dots, indicates the number of pages in the playlist using a set of dots, while the page currently displayed is indicated by highlighting a dot in the list (first page, first dot, fifth page, fifth dot). | + | * Playlist progress bar: displays a progress bar for the playlist (like a loading bar), and there is also a numerical counter for it that can be conditionally displayed. |
- | * Playlist progress bar: displays a progress bar for the playlist (like a loading bar), there is also a numerical counter for the playlist which can be used to control the display. | + | * In the playlist tab |
+ | |||
+ | |||
+ | **Create or edit the playlist for which you want to have playlist progress indications.** Then, | ||
+ | |||
+ | **click on** | ||
+ | |||
+ | {{ :fr:change-overlay-type.png?400 |}} | ||
+ | |||
+ | and then on | ||
+ | |||
+ | {{ :fr:set-overlay-source.png?600 |}} | ||
+ | |||
+ | **click on "static"** and then **"OK"** to close the modal. | ||
+ | |||
+ | Then click Save | ||
+ | |||
+ | A new button Add overlay page appears under change overlay type | ||
+ | {{ :fr:add_overlay.png?400 |}} | ||
+ | click on it, and the modal for choosing content appears | ||
+ | {{ :fr:modalechoixmedia.png?600 |}} | ||
+ | Choose your page with the playlist indicators from the list, click "OK," and then save your playlist. | ||
+ | |||
+ | **The page with the playlist indicators will automatically display on your screen over your playlist.** |