+ Start a Discussion
Max de PonfillyMax de Ponfilly 

How to Overide Modal Header and Footer in Lightning Component Quick Action

Hello everyone,

Here is my issue: Modal
Basically I have a Modal in a Modal and i am trying to overwrite the title in the Header and the Footer so my buttons appear insted of the Cancel button.

Here is a partial of my component code :
<aura:component controller="************" implements="force:hasRecordId,force:appHostable,force:lightningQuickAction">
	<aura:attribute name="recordId" type="String" default="{!recordId}"/>
   	<aura:handler name="init" value="{!this}" action="{!c.getrecord}" />
    <div class="slds-modal__container slds-fade-in-open">
        <header class="slds-modal__header">
          <h2 id="modal-heading-01" class="slds-text-heading--medium">Share History Call Reports</h2>
        </header>
        
        <div class="slds-modal__content slds-p-around_medium slds-align_absolute-center" id="modal-content-id-1">
            <p>Would you like to share the history call report to the cluster owner?</p>
        </div>
        
        <footer class="slds-modal__footer">
            <lightning:button class="slds-button slds-button_neutral" onclick="{!c.yesResponse}" label="Yes" />
            <lightning:button class="slds-button slds-button_brand" onclick="{!c.noResponse}" label="No"/>
        </footer>
    </div>
</aura:component>

Thanks for your help :)
Best Answer chosen by Max de Ponfilly
Siva SakthiSiva Sakthi
Hi Max,

     Try to use implements="force:lightningQuickActionWithoutHeader" from aura tag. 

      https://developer.salesforce.com/forums/?id=9060G0000005YtVQAU
      https://technogeeksfdc.wordpress.com/2019/01/17/custom-header-and-footer-in-lightning-quick-action/
      https://sfcure.com/2018/04/01/how-to-recreate-modal-component-for-forcelightningquickactionwithoutheader/

Hope this will help you.
 

All Answers

Siva SakthiSiva Sakthi
Hi Max,

     Try to use implements="force:lightningQuickActionWithoutHeader" from aura tag. 

      https://developer.salesforce.com/forums/?id=9060G0000005YtVQAU
      https://technogeeksfdc.wordpress.com/2019/01/17/custom-header-and-footer-in-lightning-quick-action/
      https://sfcure.com/2018/04/01/how-to-recreate-modal-component-for-forcelightningquickactionwithoutheader/

Hope this will help you.
 
This was selected as the best answer
Max de PonfillyMax de Ponfilly
Hi Siva, 

Thanks, the first link was exactly what I was looking for.

Have a great day !