function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
J.D. DooleyJ.D. Dooley 

Visualforce Page that limits list to 5 items and allows users to click a button to show next 5 items

<apex:page standardcontroller="Admissions_Support__c " >
  
  <h1>Admissions Support Videos</h1> 
  <br></br>
    <apex:pageBlock title="Lead Reports">
  <iframe title= "Lead Reports" width="560" height="315" src="https://www.youtube.com/embed/6sjoR97vO9I" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="1">
  </iframe>
  </apex:pageblock>
  
  <br></br>
    <apex:pageBlock title="Enrollment Reports">
  <iframe title= "Enrollment Reports" width="560" height="315" src="https://www.youtube.com/embed/o6ByKk66DRk" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="1">
  </iframe>
  
  </apex:pageblock>
  
  <br></br>
    <apex:pageBlock title="Admissions Performance Reports">
  <iframe title= "Admissions Performance Reports" width="560" height="315" src="https://youtube.com/embed/KhOpoBnsTPw?start=6" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="1">
  </iframe>
  
  </apex:pageblock>
  
  <br></br>
    <apex:pageBlock title="Campus Generated Leads Reports">
  <iframe title= "Campus Generated Leads Reports" width="560" height="315" src="https://youtube.com/embed/gH3lgVPf40Y" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="1">
  </iframe>
  
  </apex:pageblock>
  
   <br></br>
    <apex:pageBlock title="Pipeline Reports">
  <iframe title= "Pipeline Reports" width="560" height="315" src="https://youtube.com/embed/T0aclYjquSw" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="1">
  </iframe>
  
  </apex:pageblock>
  
  <br></br>
    <apex:pageBlock title="Start Date Missing Document Reports">
  <iframe title= "SDMDR" width="560" height="315" src="https://www.youtube.com/embed/7jp_cIfm06Q" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="1">
  </iframe>
  
  </apex:pageblock>
  
  
   <br></br>
    <apex:pageBlock title="Show Not Enrolled Reports">
  <iframe title= "Show Not Enrolled Reports" width="560" height="315" src="https://www.youtube.com/embed/7jp_cIfm06Q" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="1">
  </iframe>
  
  </apex:pageblock>
   
 
</apex:page>
Above is my current VF page that displays training videos. I have another 10 videos to add and will eventually have 30 more.  
I would like to limit the number of of videos shown to five.  And provide a back and next button for the user to navigate through the videos. How do I do this?
 
NagendraNagendra (Salesforce Developers) 
Hi Dooley,

Sorry for this issue you are facing.

May I suggest you please refer to below links which help you achieve the above requirement. Hope this helps.

Kindly mark this as solved if the reply was helpful.

Thanks,
Nagendra