[SalesForce] force:createRecord doesn’t opens a create window

I am using standard force:createRecord to create Account. but I dont get create window when I clcik on a button.
I am hosting this lightning app from a VF page (as I want to overide standard button). I have written handler for createRecord event.

But when I host this lightning component from left navigation panel then it works. Please advise what am I missing?.

VF Page :

<apex:includeLightning />

<script>
    $Lightning.use("c:TestClientCreationApp", function() {
      $Lightning.createComponent("c:TestClientCreation",
      { },
      "lightning",
      function(cmp) {
        // do some stuff
      });
    });
</script>

Lightning App : c:TestClientCreationApp

<ltng:require styles="/resource/SLDS201/assets/styles/salesforce-lightning-design-system-ltng.css" />
 <ltng:require styles="/resource/SLDS201/assets/styles/salesforce-lightning-design-system-vf.min.css" />

<aura:dependency resource="c:TestClientCreation"/>

Lightning Component : TestClientCreation

 <aura:handler name="init" value="{!this}" action="{!c.doInit}" />

 <ui:button class="slds-button slds-button--brand" aura:id="btnCreateClient" press="{!c.showCreateClientModal}" label="">Create New Client </ui:button>

TestClientCreation Js Controller :

showCreateClientModal : function (component, event, helper) {

    var createRecordEvent = $A.get("e.force:createRecord");
     createRecordEvent.setParams({
        "entityApiName": "Account"
    });
    createRecordEvent.fire();

},

createClient : function (component, event, helper) {

console.log('Yay');

}

Best Answer

Since you are now outside the Lightning component ,the force events will no more work .

Hence if you are using this in lightning experience ,then there is a trick to use sforce instead of force events .

you should be able to use sforce record create

createClient : function (component, event, helper) {

   console.log('Yay');
   sforce.one.createRecord(Account);
}

Related Solutions

[SalesForce] createRecordEvent failing in Lightning Component after Winter ’16 update. Anyone else having the issue

You specify the entityApiName as "event", when it should be "Event". Perhaps this case sensitivity was only enforced in Winter 16.

[SalesForce] force:recordData getNewRecord method doesn’t create record

getNewRecord will give you the template for creating record. You can verify the record object type in callback function using apiname.

below is the component built for account page to create contact.

component: `

<force:recordData aura:id="contactRecordCreator"
                 layoutType="FULL"
                 targetRecord="{!v.newContact}"
                 targetFields="{!v.simpleNewContact}"
                 targetError="{!v.newContactError}" />

<aura:handler name="init" value="{!this}" action="{!c.doInit}" />

<lightning:card iconName="action:new_contact" title="Create Contact" >
    <div class="slds-p-horizontal--small">
        <lightning:input aura:id="contactField" label="First Name" value="{!v.simpleNewContact.FirstName}" />
        <lightning:input aura:id="contactField" label="Last Name" value="{!v.simpleNewContact.LastName}" />
        <lightning:input aura:id="contactField" label="Title" value="{!v.simpleNewContact.title}" />
        <br />
        <lightning:button label="Save Contact" variant="brand" onclick="{!c.handleSaveContact}" />
    </div>
</lightning:card>
<aura:if isTrue="{!not(empty(v.newContactError))}" >
    <div class="recordError">
        {!v.newContactError}
    </div>
</aura:if>

`

Controller:

({
    myAction : function(component, event, helper) {

    },
    doInit : function(component, event, helper) {
        component.find('contactRecordCreator').getNewRecord(
        'Contact',
         null,
         false,
            $A.getCallback(function(){
                var rec = component.get('v.newContact');
                var error = component.get('v.newContactError');
                if(error || rec === null){
                    console.log('Error initializing record template: ' +error+rec);
                }
                else {
                    console.log('Record template initialized:'+rec.apiName);
                }
            }));
    },
    handleSaveContact : function(component,event,helper) {
        if(helper.validateContactForm(component)){
            component.set("v.simpleNewContact.AccountId",component.get("v.recordId"));
            //component.set("v.simpleNewContact.AccountId", component.get("v.recordId"));
            component.find('contactRecordCreator').saveRecord(function(saveResult){
                if(saveResult.state === 'SUCCESS' || saveResult.state === 'DRAFT'){
                    var resultToast = $A.get("e.force:showToast");
                    resultToast.setParams({
                        "title" : "SUCCESS",
                        "message" : "The record saved successfully"
                    });
                    resultToast.fire();
                } else if (saveResult.state === 'INCOMPLETE'){
                    console.log("User is offline, device doesn't support drafts.");
                } else if (saveResult.state === 'ERROR' ) {
                    console.log('Problem saving contact, error: ' +JSON.stringify(saveResult.error));
                } else {
                    console.log('Unknown problem, state: ' + saveResult.state +
                                ', error: ' + JSON.stringify(saveResult.error));
                }
            });
        }
    }

})`

Related Topic

[SalesForce] lightning component force:createRecord and defaultFields