Sign Up ›
  • Harun Butt 7
  • NEWBIE
  • 10 Points
  • Member since 2016
  • Chatter
    Feed
  • 0
    Best Answers
  • 2
    Likes Received
  • 0
    Likes Given
  • 2
    Questions
  • 1
    Replies
SOLVED
3 replies

Visualforce page help 2

Hi Community,

We have a Visualforce page which we use on the Account Object. It basically pulls through Videos from Vimeo for our Sales people to view. I have set the videos in the 4 secions. What I need help with is very simple, I neeed to make these sections collpased upon entering an Account rather than how they are now expanded.
I am using Collapsable = true but that doesn't work.

The code is below; 
<apex:page standardController="Account" showHeader="true" sidebar="false">
<apex:pageBlock id="block1" title="Hello {! $User.firstname}, Some interesting Anecdotes below.">
<apex:pageBlockSection id="section1" columns="3" collapsible="true" title="Control Costs">
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534736" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534729" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534740" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/179162623" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/179162625" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/179162616" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/179162611" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/179162613" frameborder="0"/>
</apex:pageBlockSectionItem>
</apex:pageBlockSection>
<apex:pageBlockSection id="section2" columns="3" collapsible="true" title="Reducing Risk">
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534760" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534735" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/179162617" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534761" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534768" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534759" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534775" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534741" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534750" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/179162618" frameborder="0"/>
</apex:pageBlockSectionItem>
</apex:pageBlockSection>
<apex:pageBlockSection id="section3" columns="3" collapsible="true" title="Effective Administration">
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534745" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534769" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534753" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/179162614" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534742" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534770" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534746" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534756" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534755" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534757" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534751" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534774" frameborder="0"/>
</apex:pageBlockSectionItem>
</apex:pageBlockSection>
<apex:pageBlockSection id="section4" columns="3" collapsible="true" title="Employee Engagement">
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534724" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534726" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534723" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/179162624" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534766" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534754" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534738" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534722" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534730" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534721" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534765" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534731" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534725" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534767" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534764" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534772" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534768" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534732" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534727" frameborder="0"/>
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem >
<apex:iframe width="400" height="250" src="https://player.vimeo.com/video/177534747" frameborder="0"/>
</apex:pageBlockSectionItem>
</apex:pageBlockSection>
</apex:pageBlock>
</apex:page>