Questions tagged [modal]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
12
votes
5answers
16k views

How to close lightning:overlayLibrary custom modal?

The documentation shows how to close an overlay immediately after showing the modal, however, this is not very useful for real-life situations. I have a component which has a lightning:...
7
votes
1answer
444 views

Picklist issues inside global modal

I was rendering global modal using lightning:overlayLibrary tag which will display the fields using lightning:recordEditForm and lightning:inputField. If i added the any picklists at the end of the ...
6
votes
1answer
3k views

Passing user input from `lightning:overlayLibrary` back to parent

I am using lightning:overlayLibrary to collect input from the user which will then be used in the parent component. The modal is simple: 1 lightning:select` in the body and a footer with "Select" ...
6
votes
3answers
2k views

component.find(“overlayLib”).notifyClose(); not working inside apex controller's returned promise

I have a parent component with the <lightning:overlayLibrary aura:id="overlayLib"/> component added. The parents controller creates an instance of the modal component, assigns it to the body ...
6
votes
1answer
3k views

Composed Lightning Web Component with slots and conditional rendering

Use Case I'm building a LWC to use as a modal template (leaving a slot for the body) so all the logic from the modal can be handled there and reuse it for multiple modals Example Here's the ...
5
votes
2answers
4k views

how to access the save button in a modal when implementing the force:lightningQuickAction

I am actually creating a component that will implement the force:lightningQuickAction so that my component open in a modal window from the action button.I would like to capture the event where the ...
4
votes
2answers
4k views

How to apply css to Lightning:overlayLibrary

My objective is to control the width of the modal provided by lighting:overlayLibrary component. I am trying to do it by overriding the css applied to the slds-modal__container. I was hopeful this ...
4
votes
2answers
5k views

Issue in Lightning desing System modal component

I have developed new Modal using lightning desing system.In standard modal new button pop up appears on whole broweser lightning page. But when I desgined using SLDS it will come up but still ...
4
votes
1answer
1k views

How to pop-up a standard Edit-record modal in LWC?

The modal that I want to pop-up can be seen, for instance, by clicking Edit in the dropdown menu in the related list of Opportunities for an Account. To do this in Aura, Salesforce gives this ...
4
votes
2answers
1k views

Open full width modal from Utility Bar

I implemented a SLDS modal component. If activated from within a e.g. FlexiPage, all is working well. When opened within the utility bar using the very same component, the modal is restricted to ...
4
votes
1answer
627 views

Can't get Component Action to style properly (modal footer+ select options)

I'm a CSS newbie, so this might be a trivial question. Nonetheless I need help. I have this Lightning component used as action on a button. <aura:component controller="..." access="GLOBAL" ...
3
votes
2answers
2k views

Close Lightning Modal by clicking anywhere outside of it

Just wondering whether this is possible? i.e. once a modal is open, close it by clicking anywhere on the grey backdrop? I've tried invoking my custom close-modal function via: - Adding onclick to the ...
3
votes
1answer
2k views

Page refreshes when clicked on lightninng:buttonIcon in a modal

I have a form in modal pop up that is poped up(dynamically created) on click of button from another pop up where I am using a lightning:buttonIcon and on click of it, even if no code is written, the ...
3
votes
1answer
306 views

How do I produce a “New” record button to look like a standard “New” button?

Basically I want to create an input area for a new record. I'm trying to get it styled like the standard "New" Button. I have tried doing it via Visualforce but it looks like a completely separate ...
3
votes
2answers
759 views

How to stop the top of a tall SLDS modal from being clipped?

I am using the SLDLS modal styles as documented and in general they work well. Below are two screen shots where the first has a small amount of lines (<p>Line</p> repeated) but the second ...
3
votes
1answer
1k views

Unable to open another Lightning Component in a Modal pop-up when called from within a Lightning app

Here is my first Component called Modal: <aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:...
3
votes
2answers
12k views

How to open lightning component tab from lightning quick action instead of lightning modal?

I have build a simple lightning component something like : <aura:component implements="force:appHostable,flexipage:availableForRecordHome,force:lightningQuickAction"> Hello World </aura:...
3
votes
1answer
309 views

LWC wrapped in an aura component with weird graphical behaviour

I have a modal lightning-record-from that I have wrapped in an aura component so that I am able to provide the modal as a custom action button on a page. For some reason I have two problems: It seems ...
3
votes
0answers
534 views

Modal being rendered in wrong position on lightning web component's mobile page

What I want I'm trying to show a modal to warn the user when the service he is trying to reach is offline. This salesforce page is accessed by Salesforce1 through a tablet. How I did I've created a ...
3
votes
0answers
54 views

How can I use the cssClass attribute in ui:overlayLibray modal?

I want to remove the padding from the modal-body. That element is 2 layers deep. How can I pass in a style using the cssClass attribute that will be applied to an element nested within and not just on ...
2
votes
2answers
3k views

lightning:spinner in slds-scrollable scrolls out of view

I am displaying a long scrollable content in a modal <c:strike_modal aura:id="filterModal" title="Filter volumes" primaryButtonLabel="Ok" secondaryButtonLabel="Cancel" showHeader="true" showFooter=...
2
votes
1answer
388 views

Increase modal width of lightning quick action aura with child lwc

I have a lightning quick action using aura with lwc as child component. <aura:component implements="force:lightningQuickActionWithoutHeader,force:hasRecordId"> <aura:html tag=&...
2
votes
1answer
86 views

force:lightningQuickAction . Will implementing this open the component as modalpop up directly?

I want to open a component as modal up from another custom of another component.If my child component has force:lightningQuickAction ,should that open directly as modal pop up without writing the ...
2
votes
1answer
57 views

How to open Screen Action LWC only when the record meet the requirement?

I creating a Screen Action LWC on Account Record But I want to launch the Screen Action only if some fields are blank, in our example: Report__c So I wanted to implement connectedCallback() in order ...
2
votes
1answer
293 views

In-App Messaging

We are implementing in-app messaging and are facing the following issues / questions: a. After pushing the in-app message from a Journey, when we open the app for the first time, the in-app message ...
2
votes
1answer
1k views

LWC Modal With Dynamic HTML Content Slot

Has anyone gotten the modal example to work with having the content variable being HTML or a template file? I am trying to reuse the modal for two different views so I am trying to dynamically set the ...
2
votes
1answer
6k views

Show Lightning component Modal above Salesforce Global header (Position Issue) [duplicate]

I have added lightning Modal (slds) component A in a another Lightning Component B. Lightning component B is used to create Lightning Tab. Now when I show the modal, Position of Modal component A is ...
2
votes
1answer
4k views

Iterating over List<String> in <aura:iteration>

So, I have been losing my mind over this for a few days now. Scenario: I have a component that displays a custom modal. this a snippet of code, that takes care of that showModal: function (...
2
votes
1answer
2k views

How to modify @media css property in lightning styles

I have a lightning action and a component associated with it. When i click on the action, the modal pops up with a Normal size. I want to customize the width of the Modal. I searched some css stuff ...
2
votes
0answers
30 views

How to combine lightning-quick-action-panel and slds-modal_large?

I want to pop-up a modal LWC using a quick action, without any Aura components. This should be possible since Summer'21. I am currently using an Aura component that does the pop-up and at the same ...
2
votes
1answer
53 views

Markup to present a spinner in a lightning-quick-action-panel quick action?

Now that quick actions can be created using LWCs, the lightning-quick-action-panel component makes consistent styling easy: <template> <lightning-quick-action-panel header={headerText}>...
2
votes
0answers
41 views

UI Scroller added around a custom modal automatically by Salesforce on mobile

I have a modal that contains a recordEditForm in its body. When I open the modal on mobile, a UIScroller is added by Salesforce automatically. This causes the entire modal to scroll, instead of just ...
2
votes
1answer
1k views

Lightning Modal disable background

Here is my code for modal: component code: <div aria-modal="true" role="dialog" tabindex="-1" aura:id="myModal" class="slds-modal"> <div class="slds-modal__container" > <...
2
votes
0answers
364 views

How can I override standard modal css in lightning:overlayLib modal instantiation?

I am running into an issue where part of my component within the modal generated by lightning:overlayLib requires the user to scroll. I want the div that appears to display over the top of the footer ...
2
votes
0answers
400 views

Scroll bar disappears when modal closes

I have this modal on Quote object which works as I expect. The problem is that before opening the modal, I have scroll bar on the Quote object main page, but when I open the modal and then I close it, ...
2
votes
0answers
225 views

Set focus on lightning modal as soon as it opens in SF1

I'm using salesforce lightning modal in a long form, everything is working fine when using lightning experience for desktop. But when using a Salesforce1 in mobile, the form is not fitting into one ...
2
votes
0answers
344 views

On using modal for lightning, the width of the modal is not increasing on increase of content

I have a component which displays model. The model is getting successfully display but the content is not displayed completely. In the content I display a table. On increase in column value or ...
1
vote
3answers
1k views

Lighting action to only call apex [duplicate]

I've this very simple component <aura:component implements="force:lightningQuickActionWithoutHeader, force:hasRecordId" controller="LC09_AccountButtonUpdatePermission_CTRL" access="global"> &...
1
vote
2answers
3k views

Opening a modal with force:recordEdit throws “Invalid Record Id or Record not accessible,” but then it works?

The issue: when opening a modal with a force:recordEdit inside of it, the modal briefly flashes "Invalid Record Id or Record not accessible." and then allows me to proceed editing the record. I think ...
1
vote
3answers
499 views

How to close LWC Quick Action without reloading the page?

The solution I found is to reload the page, both to cancel and to save. HTML Code: <div class="slds-float_right botoes"> <lightning-button class="slds-m-...
1
vote
1answer
636 views

Submit Button Not Working When Placed Outside Lightning-Record-Edit-Form Tag in Salesforce LWC

In my sample LWC page, I replicated the standard Edit button in Case object, then placed it inside a modal. Record update working so far, but I notice that footer containing Cancel and Save buttons ...
1
vote
2answers
11k views

How to create form with 2 columns inside lightning modal

I have a button "Create New Opportunity". onclick of this button, a lightning modal popup opens with the set of around 16 input field tags to get the inputs from the user.I want this 16 input field ...
1
vote
1answer
2k views

Making a Generic Lightning Modal Component

I have an lightning application in which I am eventually going to have multiple modal popups being fired from various location in the app. I want to make a generic modal component that will serve as ...
1
vote
2answers
680 views

Calling a lightning form/modal that is its own component

I'm building a lightning page using several lightning components and using lightning data service. I would like to keep components as reusable as possible. What I am trying to accomplish is when ...
1
vote
1answer
178 views

How do I dynamically pass data into a LWC modal?

I have a reusable modal component where I can pass content into a slot. I've added an instance of it on my page, like: <c-modal> <slot>Sample modal content</slot> </c-modal>...
1
vote
1answer
304 views

Unable to Call Apex-Controller Method in Modal-Footer Component

I have a modal with a footer. The footer is just for Cancel and Save buttons, and their respective JS functions. Modal Markup <lightning:overlayLibrary aura:id="overlayLib"/> <lightning:...
1
vote
1answer
821 views

Can I update the Header, Body, or Footer of a lightning:overlayLibrary component? [closed]

I have created a custom modal and I would like to update the footer of this component after the component has been created. Is there a way to do this? openModal : function(component) { $A....
1
vote
2answers
1k views

Using lightning:overlayLibrary does not reopen modal

I'm using the lightning:overlayLibrary to display a modal in a Lightning Component that's used in a Salesforce Community. This works for the first time. The modal displays with the correct body and ...
1
vote
2answers
1k views

Custom Button modal window.open

I have a custom button and I am using a modal to prompt the user for input. There is a button that opens a new window url. The variable for the url is not formatting correctly. custom button ...
1
vote
2answers
1k views

modal window pop up in apex pageblockTable opens the same message for every record

I have a pageBlockTable with modal pop up window opening on clicking a column value. Example: I have 2 columns Subject and Date. When I click on ABC, in the modal pop-window I'm showing "XYZ and ...