Sign Up ›

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
chithra srinivasanchithra srinivasan 

Create a Mobile Friendly Visualforce Page Using Bootstrap challenge

Hi,
  Tried to solve the challenge, "Create a Mobile Friendly Visualforce Page Using Bootstrap" but found that the standard list controller is not working. Used standardController="Contact" and recordSetVar="contacts" and not getting the contacts inside the <apex:repaeat> iteration component. Any help is appreciated.

Thanks,
Chithra
NagendraNagendra (Salesforce Developers) 
Hi Chithra,

May I request you to please post the code snippet of what you have done so far so that we can look into it and do the needful accordingly.

Thanks,
Nagendra.
chithra srinivasanchithra srinivasan
Hi Nagendra,
     
       Thanks for getting back to me. Here is the code:

<apex:page showHeader="false" sidebar="false" standardStylesheets="false"
    docType="html-5.0" applyHtmlTag="false" applyBodyTag="false" standardcontroller="Contact" recordSetVar="contacts">

 <html lang="en">

  <head>
      <meta charset="utf-8"/>
      <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
      <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Bootstrap 101 Template</title>
      <!-- Bootstrap -->
        <!-- Latest compiled and minified CSS -->
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" async="true" />
        <!-- Optional theme -->
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous" async="true" />
              <!-- Latest compiled and minified JavaScript -->
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous" async="true"></script>
  </head>

  <body>
    <apex:repeat value="{!contacts}" var="c" >
    <ul class="list-group">
          <li class="list-group-item">{!c.name} </li>
    </ul>
   </apex:repeat>      
  </body>

</html>    
</apex:page>

Thanks,
Chithra