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
Andrew ChabotAndrew Chabot 

Salesforce Lightning Design System to Style Visualforce Pages

I cannot get my code to work, the error I am getting is "The 'MobileContactList' Visualforce page does not appear to use the Contact standard list controller with a recordSetVar of 'contacts'."  

How do I set the controller?  It was appearring on the sidebar before and I do not know how to get it back.
Raj VakatiRaj Vakati
Use this code

You need to use the standardController to contact and recordSetVar to contacts
If you dnt see any data on the page, Go to contact tabs and view the all contact list view and refresh the page again 

Because recordSetVar  will get data from the recently view list views 
 
<apex:page standardController="Contact" recordSetVar="contacts">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"/>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"/>
    <apex:includeScript value="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"/>
    <div class="container">
        <div class="row">
            <ul class="list-group">
                <apex:repeat value="{! contacts }" var="c">
                    <li class="list-group-item">{!c.Name}</li>
                </apex:repeat>
            </ul>
        </div>
    </div>
    
</apex:page>

 
Andrew ChabotAndrew Chabot
Hi @Raj Vakati,

I made some edits because I was getting errors with your "'s.
I now have this code: 
<apex:page standardController=Contact recordSetVar=contacts>
    <link rel=stylesheet href=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous" />
    <link rel=stylesheet href=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous" />
    <apex:includeScript value=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" />
    <div class=container>
        <div class=row>
            <ul class=list-group>
                <apex:repeat value={! contacts } var=c>
                    <li class=list-group-item>{!c.Name}</li>
                </apex:repeat>
            </ul>
        </div>
    </div>
    
</apex:page>

and line 1 is giving me an error of "unexpected token '<'."