Créer un système de pagination sur Bubble

Temps video
🚫 La vidéo preview n'est pas disponible pour ce tutoriel

Créer un système de pagination

Nous allons voir comment créer un système de pagination sur un Repeating group. Il fonctionne aussi en responsive 
Dans un premier temps, vous allez placer un Repeating group sur votre page, il est important de laisser cocher les cases de Rows et Columns.

Vous devez aussi avoir de la donnée dans votre base.
Dans notre exemple, on part avec 40 utilisateurs crées au préalable.

Ensuite, on configure le Repeating group comme il faut.

Puis, vous allez placer un groupe en dessous, qui sera le Group de Pagination.
Donc on place une flèche à gauche, une flèche à droite qui nous servira à naviguer.

Sur la page index, on va créer un custom state "current-page" de type "number" et on lui donnera comme valeur "1"

Au milieu de nos deux flèches on mettra un texte pour faire afficher sur quelle page on se trouve en indiquant le résultat du custom state.

Sur chaque flèche, il faudra faire un workflow pour avancer ou reculer dans les pages du RG.
Donc "Show next" et "Show previous", suivi d'un "Set state" qui incrémentera ou décrementera la valeur du custom state "current-page"
Cette section n'est pas visible en version live
TMP VAR
VAR TutorielPage - Allowed ?
Permet de savoir si l'utilisateur a accès ou non à ce tutoriel, sinon il doit prendre un forfait
VAR TutorielPage - ID_Chapter link
Lien avec l'ID_Chapter associer pour prefetch envoyer dans l'url lors de la redirection.
Cette section n'est pas visible en version live
Navigation
VAR UserQCM - Current Tab
Permets de savoir quel page est affiché dans la page index. tab = [Accueil, Formation, Contenu, etc.]
VAR UserQCM - Current Tab
Permets de savoir quel page est affiché dans la page index. tab = [Accueil, Formation, Contenu, etc.]