Sign Up ›
  • Kelly Creech
  • NEWBIE
  • 0 Points
  • Member since 2016
  • Chatter
    Feed
  • 0
    Best Answers
  • 0
    Likes Received
  • 0
    Likes Given
  • 1
    Questions
  • 2
    Replies
0 replies

Getting started with Hybrid Development VisualForce page not displaying

I am not sure what I am doing wrong I pass the challange but the visual force page never showed up. I feel like i have something wrong with my connecting because even when I try to make a call out its does show the results such as  when i put this code in my index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="ratchet.css" rel="stylesheet">
    <link href="ratchet-theme.css" rel="stylesheet">

   <script src="cordova.js"></script>
   <script src="force.js"></script>
   
   <script>
    /* Do login */
    force.init({
               // Replace with the consumer key of the connected app you created in step 1.
               appId: "3MVG9uudbyLbNPZP0n7WjSodbS6JYne_EaMLxumKJ5al4c5WKyvYMuexirZuP8v4ylf6FJwnVtOgQj2.ha3nQ"
               });
               
               force.login(function() {
                           force.query('SELECT Id, Name FROM User LIMIT 10', function (response) {
                                       var html = '';
                                       var users = response.records;
                                       for (var i = 0; i < users.length; i++) {
                                       html += '<li class="table-view-cell">' + users[i].Name + '</li>';
                                       }
                                       document.getElementById('users').innerHTML = html;
                                       });
                           });
    </script>
</head>

<body>

    <header class="bar bar-nav">
        <h1 class="title">Users</h1>
    </header>
    <ul id="users" class="table-view content">
        <!-- Placeholder to add users list -->
    </ul>

</body>
</html>
 
2 replies

Creating a Hybrid App Using the Mobile SDK CLI

I keep getting the following errors when trying to install the forceios.

C:\>npm install -g cordova forceios
C:\AppData\Roaming\npm\cordova -> C:\AppData\Roaming\npm\node_modules\cordova\bin\cordova
npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\
node_modules\\npm\\bin\\npm-cli.js" "install" "-g" "cordova" "forceios"
npm ERR! node v4.4.1
npm ERR! npm  v2.14.20
npm ERR! code EBADPLATFORM

npm ERR! notsup Unsupported
npm ERR! notsup Not compatible with your operating system or architecture: force
ios@4.1.1
npm ERR! notsup Valid OS:    darwin
npm ERR! notsup Valid Arch:  any
npm ERR! notsup Actual OS:   win32
npm ERR! notsup Actual Arch: x64

npm ERR! Please include the following file with any support request:

Can anyone help me understand what these errors are and how to resolve them?  
Thanks!!!!
31 replies

Getting started with Hybrid Development challenge not completed

I'm pretty sure I have created a hybrid mobile app - but I still get this message 'Challenge Not yet complete... here's what's wrong: You haven't run and logged in from the 'TrailheadHybridTest' app.' I created a new Dev org and logged in to the app OK but Trailhead won't let me pass this challenge.