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>

November 14, 2016
·
Like
0
·
Follow
1

Best Answer chosen by Harun Butt 7

sfdcMonkey.com
<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> <script> twistSection(document.getElementById('{!$Component.block1.section1}').getElementsByTagName('img')[0]) twistSection(document.getElementById('{!$Component.block1.section2}').getElementsByTagName('img')[0]) twistSection(document.getElementById('{!$Component.block1.section3}').getElementsByTagName('img')[0]) twistSection(document.getElementById('{!$Component.block1.section4}').getElementsByTagName('img')[0]) </script> </apex:page>
i hop it helps you
thanks
Mark it best answer if it helps you so it make proper solution for others

November 14, 2016
·
Like
0
·
Dislike
0

sfdcMonkey.com
hi Harun Butt
Please do more specific about your requirement
Thanks

November 14, 2016
·
Like
0
·
Dislike
0

Harun Butt 7
When entering an Account Record, the sections in my Visualforce page are expanded, so all the videos are showing. I want to change this so that no videos are showing and you have to expand the section yourself to view these Videos. Does that make sense?

November 14, 2016
·
Like
0
·
Dislike
0

Browse by Topic

Welcome to Support!

Show

sorted by

Visualforce page help 2

All Answers

You need to sign in to do that.