Differences

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

Link to this comparison view

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 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, paginationand 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 pagesthe 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.**