• Alderete_SFDC
  • NEWBIE
  • 150 Points
  • Member since 2011
  • Technical Writer
  • Salesforce.com


  • Chatter
    Feed
  • 5
    Best Answers
  • 0
    Likes Received
  • 3
    Likes Given
  • 0
    Questions
  • 29
    Replies


Hello,

I am trying to add lightning app into visualforce page. As per the below link i added the Lightning component  into visualfore page. But getting the below erorr. Added code also below. Plese provide some suggestions. Thanks in advance.

https://developer.salesforce.com/docs/atlas.en-us.198.0.lightning.meta/lightning/components_visualforce.htm

User-added image

User-added image
We have a VF page that has the code from this articale (https://developer.salesforce.com/docs/atlas.en-us.salesforce1.meta/salesforce1/vf_dev_best_practices_pages_multipurpose.htm) to manage if the code runs on SF1 or desktop.
Since we do create sforce instace for JS work the if as apper in the articale generates an error 
if( (typeof sforce != 'undefined') && (sforce != null) ) {
    // Salesforce1 navigation
}
Does anyone knows why Salesforce whould think that sforce is only found in SF1?
Wouldn't it be more currect to have it :
if( (typeof sforce != 'undefined') && (sforce != null) && (sforce.one) ) {
    // Salesforce1 navigation
}
To make sure there is a sforce.one instance?

Thanks
 

This page:

 

<apex:page renderAs="PDF" standardStylesheets="false" >
<ol>
  <li>test1</li>
  <ol>
    <li>test2</li>
  </ol>
  <li>test3</li>
</ol>
</apex:page>

 

 

 

renders like:

1. test1

1. test2

*  test3   (where * is a bullet)

 

It should render like:

 

1. test1

   1.test2

2. test3

 

When I look at the non-pdf version (visualforce page) it renders perfectly.

 

 

Can someone demonstrate successful usage of the VF INCLUDES function?

 

None of the permutations I've used work!

 

{!INCLUDES(a.Targeted_By_Campaigns__c, 'ABC')}

{!IF(INCLUDES(a.Targeted_By_Campaigns__c, 'ABC'), 'TRUE','FALSE')}

 

Help!!?

  • October 28, 2011
  • Like
  • 0

The docs show the "stack" with durations listed on each line:

 

durations

 

I get something a little different:

 

different

 

Notice there are no durations. I'm currently working on performance, so it'd be helpful to have the durations. Is there some way to enable them? Thanks.

 



Hello,

I am trying to add lightning app into visualforce page. As per the below link i added the Lightning component  into visualfore page. But getting the below erorr. Added code also below. Plese provide some suggestions. Thanks in advance.

https://developer.salesforce.com/docs/atlas.en-us.198.0.lightning.meta/lightning/components_visualforce.htm

User-added image

User-added image
Hi,
   I want to embed a lightning app inside a visual force page, and I have read that it is supported, yet cannot get it to work.  I followed the guide here: https://developer.salesforce.com/docs/atlas.en-us.198.0.lightning.meta/lightning/components_visualforce.htm, and replicated their code example exaclty in my org.  I created the example app using the developer console, and validated that it exists.  Does anyone have any working code examples to show how I can get this to work?

Regards

Andrew

 
Now that we have the new Lightning Experience UI, there's a couple things I really need to learn about what's doable with Lightning and VF.  Lightning is really now two things -- Lightning Components/Apps (which you code) and Lightning Experience which is the new GUI you turn on.  I asked about this stuff at Dreamforce last week and really didn't get exact answers.  (The "Experts" in the Dev Zone only knew about using the Lightning styles in VF to make VF pages look like Lightning when not in Lightning.)

Here are what I consider the two BIG questions that everyone is going to want to know--

Our orgs has dozens and dozens of VF pages, typically launched from buttons or links on page layouts.  We'd like to turn on Lightning Experience to get the new UI but can't rewrite all that legacy code at once in Lightning Components.  Can we from Lightning Experience still launch all those VF pages and will they still work?  If so, how?

We are not ready to turn on Lightning Experience but we are continueing to do new development.  We'd prefer to write our new featues as Lightning Components/Apps (not simply as VF with the Lightning styles).  If we leave the legacy Aloha GUI on, could we launch and execute Lightning apps and return to the regular desktop on completion?  If so, how?


If anyone has can concrete into in either area and can offer insight, please follow up on this thread.
We have a VF page that has the code from this articale (https://developer.salesforce.com/docs/atlas.en-us.salesforce1.meta/salesforce1/vf_dev_best_practices_pages_multipurpose.htm) to manage if the code runs on SF1 or desktop.
Since we do create sforce instace for JS work the if as apper in the articale generates an error 
if( (typeof sforce != 'undefined') && (sforce != null) ) {
    // Salesforce1 navigation
}
Does anyone knows why Salesforce whould think that sforce is only found in SF1?
Wouldn't it be more currect to have it :
if( (typeof sforce != 'undefined') && (sforce != null) && (sforce.one) ) {
    // Salesforce1 navigation
}
To make sure there is a sforce.one instance?

Thanks
 
Hi there,

My map uses width="100%" so when users use the mouse wheel to scroll down, they get "stuck" on the map zooming in and out.

In JavaScript you simply set scrollwheel: false but I'm using <apex:map> as follows:

<apex:map width="100%" height="400px" mapType="roadmap" center="{.....}">

Articles such as: https://www.salesforce.com/docs/developer/pages/Content/pages_compref_map.htm say: "Display an interactive, JavaScript-based map, complete with zooming, scrolling, and markers based on your Salesforce or other data.", but, what's the scrolling attribute?

I tried scrolling="false", scroll="false", scrollwheel="false" and nothing. I don't seem to find this option.

Any help I would appreciate it.

Thanks,

--Nelson.
Hi there

I've been testing the maps example from the release notes today and every other time it get  URL No Longer Exists page.
For a couple of minutes it works fine then for another it gives me the error then it works again.
Is anybody experiencing the same issue?

Where can I learn more about apex:mapMarker and apex:map markers?
The release page redirects to api  version 32 which isn't helpful

thanks
  • January 11, 2015
  • Like
  • 1

what is the use case for having multiple extensions for a single visualforced page. where do we actually use it??

 

Can't we have entire logic in the same controller extension?

 

Hi guys,

 

Got a small custom VF page for modifying account data. It's actually a big apex:form with a pageblock inside. Fields are grouped using apex:pageBlockSections. 

 

I've got 2 problems with it.

 

1. in one section I have a multiselect picklist fields with an actionsupport that "should" rerender another blocksection with some attachments.

Selected_Services__c is the picklist. 

<apex:page standardController="Account" extensions="AccountStatusChangeController" action="{!checkAttachments}" >	

	<apex:form id="theform" >
			  		
	        <apex:pageMessages />
	        
	        <apex:pageBlock title="Account {!account.Name}" >
	        	...
	        	<apex:pageBlockSection id="w9" columns="2" title="More Information" rendered="{!account.Status__c<>'LIVE'}" >
	        		...
	        		<apex:inputField value="{!account.Selected_Services__c}" required="true" label="Selected Services" >
	                	<apex:actionSupport event="onchange" reRender="attachments" immediate="true" /><!--  action="{!saveAccountModifications}"   -->
	                </apex:inputField>
	            </apex:pageBlockSection>
            
            <apex:pageBlockSection title="Attachments" columns="1" id="attachments" rendered="{!account.Status__c<>'LIVE'}" >
            	<apex:outputPanel rendered="{!account.Selected_Services__c<>null}" style="color:red;font-weight:bold" >
            		<br/>Please upload the following files: <br/>
            	</apex:outputPanel>
            	
            	<apex:outputPanel rendered="{!OR(CONTAINS(account.Selected_Services__c,'Programmatic Buying'),CONTAINS(account.Selected_Services__c,'Programmatic Selling'),CONTAINS(account.Selected_Services__c,'Ad Serving'),CONTAINS(account.Selected_Services__c,'ATM Buy'),CONTAINS(account.Selected_Services__c,'ATM Sell'),CONTAINS(account.Selected_Services__c,'ATM Buy/Sell'),CONTAINS(account.Selected_Services__c,'RTB'))}" >
           			<apex:outputText value=" - Self-service Contract" />
           			<br/>&nbsp;&nbsp;&nbsp;
           			<apex:commandLink value="Attach Self-service Contract" action="{!uploadServiceContract}" style="color:{!IF(serviceAttached='true','green','red')};font-weight:bold" />
           		</apex:outputPanel>
           		...
           	</apex:pageBlockSection>
           	
           	<apex:pageBlockButtons id="buttons" location="bottom" rendered="true" ><!-- shown all the time on the page -->
	            <apex:commandButton value="Submit Account For Approval" action="{!submit}" rerender="theform" /> 
	            <apex:commandButton value="Cancel" action="{!cancel}" />
            </apex:pageBlockButtons>
			            
        </apex:pageBlock>
        
         
    </apex:form> 
    
    
</apex:page>		

 

2nd problem is with some links that I have in the page. There are a New Contact apex:commandlink and also 3 links for uploading new attachments. These have actions with PageRefences that load other pages. On leaving the main form I save the modifications that the user has done to the form(most of the fields are required so I use immediate="true"). I've put a System.debug before the update account line and all the fields that have been modificated don't have the correct values. 

Let say BillingStreet is blank. User comes on the page and inputs it, then clicks the link to create a new Contact. Before returning the NewContact page the method saves the account, but!! Billing Street is still blank!! WTH?!

<apex:page standardController="Account" extensions="AccountStatusChangeController" action="{!checkAttachments}" >	

	<apex:form id="theform" >
			  		
	        <apex:pageMessages />
	        
	        <apex:pageBlock title="Account {!account.Name}" >
	        	
	        	<apex:pageBlockSection id="address" columns="2" title="Address" rendered="{!account.Status__c<>'LIVE'}" >
              		...
              		<apex:inputField value="{!account.BillingStreet}" required="true" />
              	</apex:pageBlockSection>	
\
            <apex:pageBlockSection id="w9" columns="2" title="More Information" rendered="{!account.Status__c<>'LIVE'}" >
                <apex:pageblocksectionitem >
                	<apex:outputLabel value="Finance/Billing Contact" for="FinanceContactName"  />
	                <apex:outputPanel style="text-align:center" >
	                	<apex:inputText id="FinanceContactName" value="{!financeContactName}" label="Finance/Billing Contact" styleClass="" />
	                	<apex:inputHidden value="{!financeContactId}" id="hiddenFinanceContactId" />
	                	<a title="Search" onclick="window.open('/apex/CustomContactLookup?name={!$Component.FinanceContactName}&cid={!$Component.hiddenFinanceContactId}&id={!accountId}','Search','width=500,height=400')" >
							<img class="lookupIcon" onmouseover="this.className='lookupIconOn';this.className='lookupIconOn';this.style.cursor='pointer';" onmouseout="this.className='lookupIcon';this.className='lookupIcon';" onfocus="this.className='lookupIconOn';" onblur="this.className='lookupIcon';" alt="Search" src="/s.gif" />
						</a>
						<apex:commandLink value="New" action="{!createNewFinanceContact}" />
	                </apex:outputPanel>
                </apex:pageblocksectionitem>

 

public void saveAccountModifications() {
    	try{
    		System.debug('before account has this value: ' + account);
    		account.Finance_Billing_Contact__c = financeContactId;
            update account;
            System.debug('account updated succesfully!');
            account = [SELECT Id, Name, Status__c, Requested_Account_Status__c, BillingStreet, BillingCity, BillingState, BillingPostalCode, BillingCountry, 
	        			Selected_Services__c, Final_Signed_Agreement__c, Finance_Billing_Contact__c, Credit_Application__c, First_User__c, Account_Director__c, Senior_Client_Services_Lead__c, 
	        			Management_Override__c, (SELECT Id, Name, Description FROM Attachments), Finance_Billing_Contact__r.LastName, Finance_Billing_Contact__r.FirstName, Currency_Selection__c 
	        			FROM Account WHERE Id =: accountId LIMIT 1];//(SELECT Id, IsNote, Title, Description FROM NotesAndAttachments)
	        System.debug('account has this value: ' + account);
        } catch(Exception e) {
        	System.debug('account update failed: ' + e.getMessage());
            ApexPages.addMessage(new ApexPages.message(ApexPages.severity.ERROR, 'Unable to update account '+e.getMessage()+e.getStackTraceString()));
        }
    }
 	
 	public PageReference createNewFinanceContact() {
 		saveAccountModifications();
 		return new PageReference('/apex/CustomContactCreate?accid=' + account.Id);	
 	}

 

 

I have this nagging feeling that I'm missing something simple :(. Hmmm, if anyone wants I'll add the full page and controller here.

 

Thank you,

Adrian

 

 

 

 

 

 

 

 

I am getting the following error while trying to put one of my custom object related list on Account Detail page.

 

Content cannot be displayed: 'Application__c' is not a valid child relationship name for entity Account

 

Here is my vf page

<apex:page standardController="Account">
<apex:relatedList list="Application__c"/>
</apex:page>

 I am able to save the vf page but when I put the page on Account details page, its not showing anything but an error.

  • May 21, 2013
  • Like
  • 1

Hi,

         I am new to salesforce i am trying to understand visualforce page and apex .I have wriiten piece of code  in visual force without the controller as suggested by the developer book for salesforce but which is giving me error when i tried to save saying it is java.lang.IllegalArgumentException: Illegal view ID !{save}. The ID must begin with /

 

<apex:form >
<apex:pageBlock title="Edit Account for {!$User.FirstName}">
<apex:pageMessages />
<apex:pageBlockButtons >
<apex:commandButton value="Save" action="!{save}"/>
</apex:pageBlockButtons>
<apex:pageBlockSection >
<apex:inputField value="{!account.Start_Date__c}"/>
</apex:pageBlockSection>
<apex:pageBlockSection >
</apex:pageBlock>
</apex:form>
</apex:page>

 

Can someone tell me what am i making mistake in this code.I really appreciate your help.

I have some VF Pages being run by somewhat complicated controllers and am running into the issue of the records not showing up in the Recent items side bar.  Has anyone else encountered this issue?  Am I missing something simple?

Here's one of my VF Pages:

<!--
This page allows user to view adversary account, create new adversary contacts.
It also allows editing and deactivating of contacts.
-->

<apex:page standardController="Adversary_Account__c"  extensions="NewAccountController">
    <apex:sectionHeader title="Adversary Account Details" subtitle="{!Account.Name__c}" />
    <apex:form >
      <apex:pageMessages id="pageMessage"/>
        <apex:pageBlock title="Account Details">
            <apex:pageBlockButtons >
                <apex:commandButton value="Edit" action="{!editAccount}" rendered="{!hasEditAccess}"/>
                <apex:commandButton value="Back" action="{!back}" immediate="true" />
            </apex:pageBlockButtons>
            <apex:pageBlockSection title="Account Information" columns="2">
                <apex:outputField value="{!Account.Name__c}" />
                <apex:outputField value="{!Account.Phone__c}" />
                <apex:outputField value="{!Account.Fax__c}" />
                <apex:outputField value="{!Account.Website__c}" />
                <apex:outputField value="{!Account.isActive__c}" />
            </apex:pageBlockSection>
        </apex:pageBlock>
        
        <apex:outputPanel id="contacts">
        <apex:pageBlock title="Active Adversary Contacts" id="ActiveContacts">
            <apex:pageBlockButtons location="top">
                <apex:commandButton value="Add New Adversary Contact" action="{!addContact}" rendered="{!hasEditAccess}"/>
            </apex:pageBlockButtons>
            
            <apex:outputText value="{!$Label.No_Contacts}" rendered="{!!showContacts}" />
            <apex:pageBlockTable value="{!contactsToDisplay}" var="con" rendered="{!showContacts}">
                <apex:column >
                    <a href="/apex/ViewContact?contId={!con.id}&accId={!accId}">{!con.Name__c}</a>
                    <apex:facet name="header">Name</apex:facet>
                </apex:column>
                <apex:column value="{!con.Phone__c}">
                    <apex:facet name="header">Phone</apex:facet>
                </apex:column>
                <apex:column value="{!con.Email__c}">
                    <apex:facet name="header">Email</apex:facet>
                </apex:column>
                <apex:column width="10%" rendered="{!hasEditAccess}">
                    <a href="/apex/EditContact?contId={!con.id}&accId={!accId}">Edit</a>
                &nbsp;&nbsp;
                <!--<apex:outputPanel onclick="if(!confirm('{!$Label.Deactivate_Confirmation} contact?')) return false;">
                        <a href="/apex/confirmContactDelete?contId={!con.id}&accId={!accId}">Deactivate</a>
                </apex:outputPanel> -->
                <apex:commandLink onclick="if(!confirm('{!$Label.Deactivate_Confirmation} contact?')) return false;" value="Deactivate" action="{!deactivateContact}" reRender="contacts, pageMessage" >
                    <apex:param name="contId" value="{!con.id}" assignTo="{!contIdToDeActivate}"/> 
                </apex:commandLink>
                    <apex:facet name="header">Actions</apex:facet>
                </apex:column>
            </apex:pageBlockTable>
            <apex:outputPanel rendered="{!showAllContacts}">
                <a href="/apex/AllContacts?accId={!accId}">Show All({!contactsCount})</a>
            </apex:outputPanel> 
        </apex:pageBlock>
        
        <apex:pageBlock title="Inactive Adversary Contacts" rendered="{!showInactiveContacts}" id="inActiveContacts">
            <!--<apex:pageBlockButtons location="top">
                <apex:commandButton value="Add New Adversary Contact" action="{!addContact}" />
            </apex:pageBlockButtons>-->
            <apex:outputText value="{!$Label.No_Contacts}" rendered="{!!showInactiveContacts}" />
            <apex:pageBlockTable value="{!InactiveContactsToDisplay}" var="con" rendered="{!showInactiveContacts}">
                <apex:column >
                    <a href="/apex/ViewContact?contId={!con.id}&accId={!accId}">{!con.Name__c}</a>
                    <apex:facet name="header">Name</apex:facet>
                </apex:column>
                <apex:column value="{!con.Phone__c}">
                    <apex:facet name="header">Phone</apex:facet>
                </apex:column>
                <apex:column value="{!con.Email__c}">
                    <apex:facet name="header">Email</apex:facet>
                </apex:column>
                <apex:column width="10%" rendered="{!hasEditAccess}">
                    <a href="/apex/EditContact?contId={!con.id}&accId={!accId}">Edit</a>
                    &nbsp;&nbsp;
                    <!-- <a href="/apex/ActivateContact?contId={!con.id}&accId={!accId}">Activate</a> -->
                    <apex:commandLink onclick="if(!confirm('{!$Label.ReActivateConfirmation} contact?')) return false;" value="Reactivate" action="{!activateContact}" reRender="contacts, pageMessage" >
                    <apex:param name="contId" value="{!con.id}" assignTo="{!contIdToActivate}"/> 
                </apex:commandLink>
                    <apex:facet name="header">Actions</apex:facet>
                </apex:column>
            </apex:pageBlockTable>
            <apex:outputPanel rendered="{!showAllInactiveContacts}">
                <a href="/apex/AllInactiveContacts?accId={!accId}">Show All({!inactiveContactsCount})</a>
            </apex:outputPanel>
        </apex:pageBlock>
       </apex:outputPanel> 
        <apex:pageBlock title="Related Projects List" rendered="{!showProjects}">
        <apex:outputPanel id="projectList">
        <apex:outputText value="{!$Label.No_Projects}" rendered="{!!showProjects }"/>
        <apex:pageBlockTable value="{!projectList}" var="project" rendered="{!showProjects }">
            <apex:column width="30%">
                <a href="/apex/ViewProject?projId={!project.id}&accId={!accId}">{!project.name}</a>           
                <apex:facet name="header">Name</apex:facet>
            </apex:column>
           <!-- <apex:column value="{!project.Client_Account__r.Name__c}" width="15%">            
                <apex:facet name="header">Client Account</apex:facet>
            </apex:column> -->
            <apex:column value="{!project.Project_Lead__r.Member_Name__c}" width="15%">            
                <apex:facet name="header">Project Leader</apex:facet>
            </apex:column>
            <apex:column value="{!project.Adversary_Account__r.Name__c}" width="15%">            
                <apex:facet name="header">Adversary Account</apex:facet>
            </apex:column>
            <apex:column value="{!project.Adversary_Lead__r.Member_Name__c}" width="15%">            
                <apex:facet name="header">Adversary Leader</apex:facet>
            </apex:column>
           <!-- <apex:column width="10%">
                <a href="/apex/EditProject?projId={!project.id}&accId={!accId}">Edit</a>
                &nbsp;&nbsp;               
                <apex:commandLink onclick="if(!confirm('{!$Label.Close_Confirmation} project?')) return false;" value="Close Project" action="{!deactivateProject}" reRender="projectList, pageMessage" rendered="{!hasEditAccess}">
                    <apex:param name="projId" value="{!project.id}" assignTo="{!projIdToDeActivate}"/> 
                </apex:commandLink>
                <apex:facet name="header">Actions</apex:facet>
            </apex:column> -->
        </apex:pageBlockTable>
        </apex:outputPanel>
        <!--<apex:pageBlockButtons location="top"> 
                <apex:commandButton value="Create New Project" action="{!createNewProject}"/>
        </apex:pageBlockButtons>-->
        </apex:pageBlock>
    
    </apex:form>
    <c:Copyright /> 
</apex:page>

This page:

 

<apex:page renderAs="PDF" standardStylesheets="false" >
<ol>
  <li>test1</li>
  <ol>
    <li>test2</li>
  </ol>
  <li>test3</li>
</ol>
</apex:page>

 

 

 

renders like:

1. test1

1. test2

*  test3   (where * is a bullet)

 

It should render like:

 

1. test1

   1.test2

2. test3

 

When I look at the non-pdf version (visualforce page) it renders perfectly.

 

 

I'm trying to find documentation on classes and methods in the sforce namespace. I'm trying to make some calls into my Apex class but when I call sforce.Apex.execute() I recieve an excpetion that the session is invalid. I'm not connecting from a remote app but just within a VisualForce page. What snippets and samples I find are too simple and I can't piece together all of the bits. I see references to various things to do but I can't find any documentation on how to do this because I don't know which classes are available under sforce and what methods are exposed to resolve my issues.

 

Thanks in advance.

Hi,

My goal is to call a controller from a visualforce component using Javascript remoting and then to update the visualforce chart with the result.

 

The javascript remoting call works fine and I can see in the debug console that it receives the correct values as well. But how do I update the chart with this data?

 

Here's the javascript code. testCharts is my controller and getRemoteData is the RemoteAction method.

 

<script type="text/javascript">
function getOppChart() {
var year = '2013';

Visualforce.remoting.Manager.invokeAction(
'{!$RemoteAction.testCharts.getRemoteData}',
year,
function(result, event) {
if (event.status) {
	// Actions here, update VF chart?
} else if (event.type === 'exception') {
	document.getElementById("responseErrors").innerHTML = event.message;
} else {
	document.getElementById("responseErrors").innerHTML = event.message;
}
}, 
{escape: true}
);
}
</script>

The visualforce chart component. The data attribute is required. How do I pass the result from the javascript function here? I would like to make this dynamic so that when I select a value in a picklist on the page a new call is made and the chart is refreshed. But as a start I'd just like to know how to get the result there. If I was just using a controller I would just put the method name in the data attribute, i.e. data="{!oppData}".

 

<apex:chart height="300" width="600" data="???">
	<apex:axis type="Numeric" position="left" fields="data,data2" 
	title="Total Order value" grid="true"/>
	<apex:axis type="Category" position="bottom" fields="name" 
	title="Month of the Year">
	</apex:axis>
	<apex:lineSeries axis="left" fill="true" xField="name" yField="data2"
	markerType="cross" markerSize="4" markerFill="#FF0000"/>
</apex:chart>

 The reason I am not using the Apex controller methods directly is because of three reasons.

- I hope the user will find this more reponsive

- I want to be able to rerender the charts

- I just want to make it work!!!

 

Can't find anything on the boards or google. Anyone got ideas?? Much appreciated!

 

Thanks / Niklas

 

Hi,
in the Winter'09 release notes it says "Custom labels are custom text values, up to 1,000 characters in length, that can be accessed from Apex classes or Visualforce pages".
I could easily find how to access these labels from a visualforce page, but nowhere I can find how to access them from an apex class.
I need this because I have a class that dynamically generates labels for a certain table in a vf page. But I want to use Custom Labels (and the translation workbench) to get these translated in various languages.
Is there an object, something like Label with a static function like 'getLabel(String)'? Or is this not released in Winter '09?
  • September 30, 2008
  • Like
  • 0
Developer Intermediate > Lightning Components > Using JavaScript Controllers With Components

Here is the Component:

<aura:component >
    <aura:attribute name="total" type="Integer" default="0"/>
    <ui:inputNumber aura:id="inputOne" label="Enter 1"/>
    <ui:inputNumber aura:id="inputTwo" label="Enter 2"/>
    <ui:inputNumber aura:id="inputThree" label="Enter 3"/>
    
    <ui:button label="Submit" press="{!c.calculate}"/>
    <ui:outputNumber aura:id="totalValue" value="{!v.total}"/>
</aura:component>

Here is the Controller:

({
    calculate : function(component, event, helper) {
        var inputOne = parseInt(component.find("inputOne").get("v.value"));

        var inputTwo = parseInt(component.find("inputTwo").get("v.value"));
        var inputThree = parseInt(component.find("inputThree").get("v.value"));
        var total = inputOne + inputTwo - inputThree;
        if (isNaN(total)){
            component.set("v.errors", [{message:"Total not a number: " + total}]);
        } else {
            component.set("v.total", total);
        }
    }
})

The error it gives me is "Challenge Not yet complete... here's what's wrong: 
The client side controller does not set a value for the outputNumber component".... BUT based on when I plig this into an app and run it, it sure appeas that the value for outputNumber is being set.

Any help would be appreciated.
Now that we have the new Lightning Experience UI, there's a couple things I really need to learn about what's doable with Lightning and VF.  Lightning is really now two things -- Lightning Components/Apps (which you code) and Lightning Experience which is the new GUI you turn on.  I asked about this stuff at Dreamforce last week and really didn't get exact answers.  (The "Experts" in the Dev Zone only knew about using the Lightning styles in VF to make VF pages look like Lightning when not in Lightning.)

Here are what I consider the two BIG questions that everyone is going to want to know--

Our orgs has dozens and dozens of VF pages, typically launched from buttons or links on page layouts.  We'd like to turn on Lightning Experience to get the new UI but can't rewrite all that legacy code at once in Lightning Components.  Can we from Lightning Experience still launch all those VF pages and will they still work?  If so, how?

We are not ready to turn on Lightning Experience but we are continueing to do new development.  We'd prefer to write our new featues as Lightning Components/Apps (not simply as VF with the Lightning styles).  If we leave the legacy Aloha GUI on, could we launch and execute Lightning apps and return to the regular desktop on completion?  If so, how?


If anyone has can concrete into in either area and can offer insight, please follow up on this thread.
We have a VF page that has the code from this articale (https://developer.salesforce.com/docs/atlas.en-us.salesforce1.meta/salesforce1/vf_dev_best_practices_pages_multipurpose.htm) to manage if the code runs on SF1 or desktop.
Since we do create sforce instace for JS work the if as apper in the articale generates an error 
if( (typeof sforce != 'undefined') && (sforce != null) ) {
    // Salesforce1 navigation
}
Does anyone knows why Salesforce whould think that sforce is only found in SF1?
Wouldn't it be more currect to have it :
if( (typeof sforce != 'undefined') && (sforce != null) && (sforce.one) ) {
    // Salesforce1 navigation
}
To make sure there is a sforce.one instance?

Thanks