Lightning Component quick action not appearing in available actions for Lightning App page

Question

I created a sample Lightning Component quick action as outlined in the documentation, Configure Components for Custom Actions.

<aura:component implements="force:lightningQuickAction">

    <!-- Very simple addition -->

    <ui:inputNumber aura:id="num1"/> +
    <ui:inputNumber aura:id="num2"/>

    <br/>
    <ui:button label="Add" press="{!c.clickAdd}"/>

</aura:component>

I then created a global action pointing to my Lightning component. So far, so good.

The action shows up as expected in the standard layout editor when I view the Salesforce1 & Lightning Actions in either an object page layout or in Global Actions > Publisher Layouts.

When I add the action to a page layout in this way, to the Salesforce1 and Lightning Experience Actions section of the layout, it appears in Lightning Experience as expected. Yay!

However, if I create a Lightning "App Page" in Lightning App Builder, my Lightning Component quick action doesn't appear in the list of available actions. All global Create a Record and Log a Call type actions appear, but the Lightning Component action does not.

Has anyone been able to add a Lightning Component quick action to their Lightning App pages in Lightning App Builder?

UPDATE: I have tried implementing force:availableForAllPageTypes and force:appHostable (together and separately) - these did not work.

Answer 1

This isn't supported in App Builder yet. It's definitely on our radar and is something we'd like to fix in a near term release (safe harbor).

Answer 2

This can be done using the Metadata API as suggested by @shannonsans

You can manually create a metadata file with the following content (edit caps fields):

<?xml version="1.0" encoding="UTF-8"?>
<QuickAction xmlns="http://soap.sforce.com/2006/04/metadata">
    <height>500</height>
    <label>YOUR LABEL</label>
    <lightningComponent>COMPONENT NAME</lightningComponent>
    <optionsCreateFeedItem>false</optionsCreateFeedItem>
    <type>LightningComponent</type>
    <width>-100</width>
</QuickAction>

Save the file as OBJECTNAME.ACTIONNAME.quickAction and then deploy.

Super big thanks to @shannonsans for giving us the idea to try.

Answer 3

I was able to get this to work.

First, go to global actions:

Then, click "new":

Then, add what you want it to do; I made a new global action to create a new campaign here:

Now it shows up as an available action on the flexipage:

If you are interested in making it happen programmatically, when I pulled from my scratch org with sfdx force:source:pull, quickActions/NewCampaign.quickAction-meta.xml was generated:

<?xml version="1.0" encoding="UTF-8"?>
<QuickAction xmlns="http://soap.sforce.com/2006/04/metadata">
    <optionsCreateFeedItem>true</optionsCreateFeedItem>
    <quickActionLayout>
        <layoutSectionStyle>TwoColumnsLeftToRight</layoutSectionStyle>
        <quickActionLayoutColumns>
            <quickActionLayoutItems>
                <emptySpace>false</emptySpace>
                <field>Name</field>
                <uiBehavior>Required</uiBehavior>
            </quickActionLayoutItems>
            <quickActionLayoutItems>
                <emptySpace>false</emptySpace>
                <field>IsActive</field>
                <uiBehavior>Edit</uiBehavior>
            </quickActionLayoutItems>
            <quickActionLayoutItems>
                <emptySpace>false</emptySpace>
                <field>ParentId</field>
                <uiBehavior>Edit</uiBehavior>
            </quickActionLayoutItems>
            <quickActionLayoutItems>
                <emptySpace>false</emptySpace>
                <field>Type</field>
                <uiBehavior>Edit</uiBehavior>
            </quickActionLayoutItems>
            <quickActionLayoutItems>
                <emptySpace>false</emptySpace>
                <field>StartDate</field>
                <uiBehavior>Edit</uiBehavior>
            </quickActionLayoutItems>
            <quickActionLayoutItems>
                <emptySpace>false</emptySpace>
                <field>EndDate</field>
                <uiBehavior>Edit</uiBehavior>
            </quickActionLayoutItems>
            <quickActionLayoutItems>
                <emptySpace>false</emptySpace>
                <field>Description</field>
                <uiBehavior>Edit</uiBehavior>
            </quickActionLayoutItems>
        </quickActionLayoutColumns>
        <quickActionLayoutColumns/>
    </quickActionLayout>
    <standardLabel>New</standardLabel>
    <targetObject>Campaign</targetObject>
    <type>Create</type>
</QuickAction>

and it was referenced like the built-in quick actions in the flexipage definition:

...
    <quickActionList>
        <quickActionListItems>
            <quickActionName>NewCampaign</quickActionName>
        </quickActionListItems>
    </quickActionList>
...