2

Header is not showing when i use lightning-quick-action-panel with summer 21 lwc quickAction feature.

am i miss anything?

lwcqademo.js-meta

<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
    <apiVersion>52.0</apiVersion>
    <isExposed>true</isExposed>
    <targets>
        <target>lightning__RecordAction</target>
        <target>lightning__RecordPage</target>
        <target>lightningCommunity__Page</target>
    </targets>
    <targetConfigs>
        <targetConfig targets="lightning__RecordAction">
            <actionType>ScreenAction</actionType>
        </targetConfig>
    </targetConfigs>
</LightningComponentBundle>

lwcqademo.html

<template>
<lightning-quick-action-panel title="Quick Action Demo">     
    <slot name="body">
        {recordId}</slot>
        
</lightning-quick-action-panel>
    
</template>

lwcqademo.js

import {CloseActionScreenEvent} from "lightning/actions";
export default class Lwcqademo extends LightningElement {
    //public properties
    @api recordId;
closeAction(){
        this.dispatchEvent(new CloseActionScreenEvent());
    }
}

enter image description here

Update:

replaced title with header for lightning-quick-action-panel then modal popup header is showing.

enter image description here

1 Answer 1

3

Yes, proper documentation.

Even though Salesforce blog post uses "title" the tag that works is actually "header". This is completely undocumented only because Summer 21 documentation is still not up weeks after the production release.

2
  • thank you, header is working as charm
    – sdandamud1
    Jun 28, 2021 at 12:58
  • Salesforce still haven't updated the doc, what a waste of time.
    – Nick
    Oct 28, 2021 at 12:51

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .