Questions tagged [modal]
The modal tag has no usage guidance.
137
questions
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 ...
0
votes
0answers
11 views
Command button should run a screen flow in modal dialog
Below I have a very simple code for example, if I click on a button on visual force page it appears a new page with the flow. But I want that when I click on the button the modal dialog starts and ...
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
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 ...
0
votes
1answer
31 views
Create record from ModalBox in Community cloud using Aura Component
I have created an Aura component in Community that display a ModalBox allowing to create a record in Salesforce when submitting the info from the modalBox.
The problem I have is that when the record ...
0
votes
0answers
20 views
lightning:overlayLibrary modal focuses on close button
Is there a way for the body to be focused instead of the close button for modals?
component.find('overlayLib').showCustomModal({
header: header,
body: content,
footer: footer,
...
0
votes
0answers
34 views
Modal always opening on top of the page in mobile view - LWC
i am using standard html table on click of i am opening a modal . When user is at bottom of the table or somewhere middle, when clicked the modal is opening at top of the page and user has to again ...
0
votes
1answer
35 views
Modal positioning affected by parent dropdown menu
Created a modal component, copying LDS modal blueprint html.
Inside lightning-button-menu have a button that shows the modal on click.
Overall, html structure looks like the following:
<lightning-...
1
vote
1answer
98 views
spring 21 LWC quick actions - how to change modal width?
So if i decided to wrap my lwc component in an aura component i could easily do something like
<aura:html tag="style">
.slds-modal__container {
min-width: 90rem;
}
</...
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-...
0
votes
0answers
19 views
Flow lookup component - lookup results cut off
I have a screen flow that opens in a modal and has a lookup component. Sometimes when typing to search for records, the dropdown that shows results gets cut off at the edge of the modal, making it ...
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>...
0
votes
0answers
14 views
Quick action button on record page opens flow - modal not wide enough
I have a flow opened in a modal from a quick action button on a record page. Is there a way to make the modal from a quick action button wider?
0
votes
1answer
25 views
show record view/edit form from quick action component
I am trying to show a Record View/Edit forms in a modal from lightning quick action component. In this quickaction component I am using lightning data table to show list of records and beside the ...
0
votes
0answers
16 views
Aura Dialog box not displaying text as HTML
We have created one lightning component. Onclick of open button Modal box will open and suppose to display contents as HTML but we are getting only static html, We want it to display as Actual rich ...
0
votes
0answers
31 views
Popover over and out a Modal
I have a modal with a table(the structure is composed of 4 nested LWC, the first is the modal container, the second is the wizard for custom opportunity creation, the third is a table and the fourth ...
1
vote
1answer
199 views
Open Modal from Child Component
I have an aura Parent Component that has a table and a child component, where it is iterated in order to display each row separately. On each row of my child cmp i have a button where i want to open a ...
0
votes
0answers
30 views
How do I customize fields displayed on the Add / Edit Opportunity Product Modal
Who remembers how to quickly and easily change the fields displayed on the Add / Edit Opportunity Product Modal (Popup Pop-up) in Salesforce Lightning?
0
votes
1answer
41 views
Is it Possible to Apply the panelOnDestroyCallback Callback Parameter to the force:editRecord Event by Updating the $A Namespace?
Is it possible to update a copy of the $A namespace object to handle callbacks where they are not otherwise handled?
For example, the force:createRecord event has the panelOnDestroyCallback callback ...
0
votes
0answers
21 views
How to close a modal visualforce page (with child aura that itself wraps a lightning web component)
I have a visualforce page that I am using as a Custom Action on the CPQ Quote Line Editor page. I actually only need a lightning web component (lightning-record-form) but due to technological ...
0
votes
0answers
117 views
How to open Modal window on standard lightning detail page?
I have created a lightning component (aura) for custom lookup and use that popup in the object detail page (used component in vf and put that vf page in object page layout).
How can we open this ...
0
votes
0answers
59 views
Modal outside of viewport on mobile
I'm currently trying to use the modal from https://www.lightningdesignsystem.com/components/modals on my LWC. My component has a lot lines and each line has a button that can open the modal. I want ...
0
votes
1answer
78 views
Modal not displaying correctly
I created an Aura Component for our Lightning Opportunity page that will replace our URL hacking for classic to pull information to a new asset record. I added a Modal to select the Record type before ...
0
votes
1answer
435 views
LWC - How to open a modal for each element inside a forEach loop
I want to open a modal for each button inside an Accordion, I think I must set an unique ID for each modal, but I don't know how to do this
My code:
JS
@track showModal = false;
@track ...
1
vote
2answers
301 views
SLDS modals: combobox loses focus on scroll
I have a modal with a lightning-combobox in it. When the combobox is in focus, the dropdown is displayed. When the user clicks elsewhere, the dropdown is hidden.
So far so good, but if the height of ...
0
votes
1answer
90 views
Combobox drop-down list out of container
I am using a combobox inside a modal and I have a problem.
You see, when I want to pick a value for the combobox, the dropdown list is shown under it, inside the modal container. And because the ...
0
votes
1answer
716 views
CSS to remove padding from Quick Action lightning component
Edit: The main question is how to override the css of an Aura QuickActionWithoutHeader so that I can use the entire space of the window? It has too much padding so I cannot exactly reproduce the ...
0
votes
1answer
370 views
How to make modal in LWC, with fixed header and footer and a scrollable content?
I am creating a lightning web component called by a quick action (using Aura). I'am trying to make my modal to behave like this:
However I got this:
Both are zoomed 110%. Problem is the header, ...
1
vote
1answer
191 views
Trap ESC key in a modal
I want to override the behavior of the ESC key in my LWC while a modal is being displayed. Default behavior passes the ESC key down to the calling component and closes both the modal and that ...
1
vote
1answer
943 views
How can I call a LWC when a button is click?
I have a lightning quick action lwc (Aura with child lwc), which I need is when a button is clicked another lwc will be shown. Just like in standard lead conversion when the convert button is clicked ...
0
votes
1answer
21 views
How to click on upper left menus even if a modal dialog is opened?
I want to open modal dialog box in inside the aura:component. I followed this tutorial to achieve this. The dialog box is opening fine. But, when the dialog box is opened, I cannot click on any of the ...
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=&...
0
votes
0answers
332 views
How to make modal scrollable vertically?
I have created a modal using Aura and LWC. I need to make it scrollable vertically. I added the following tag <div class="slds-modal__content slds-p-around_medium slds-scrollable_y" id=&...
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 ...
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 ...
0
votes
1answer
360 views
Lightning Component Modal Positioning
I have a problem with modal windows in the Salesforce One mobile App. My issue is that when the user presses a Submit button, a modal window should pop up and collect more information from the user. ...
0
votes
1answer
80 views
Modal inside modal backdrop issue
Modal inside modal: how do you resolve the issue of the internal modal's backdrop extending to the full vertical outline of the external modal? In the past I've resolved a similar issue for a spinner ...
0
votes
2answers
1k views
Popping up a modal on a LWC makes contents scroll to top
This is a part of the HTML of my LWC:
<template>
<div class="slds-grid slds-grid_vertical">
...
<lightning-datatable ...>
...
</div>
<template if:...
0
votes
1answer
126 views
is it possible have tabs in a Salesforce Modal tab as shown in the sample image?
I am trying to implement a Salesforce Modal with Tabs. Is it possible have tabs in a Salesforce Modal tab as shown in the sample image? I tried exploring different articles to see is there any option ...
0
votes
1answer
199 views
lightning-record-form in simple modal displays all fields squished up to the left side of the dialog
I am having a problem with a lightning-record-form within a modal. It all works as expected except that the fields and labels are squished up against the left-side of the dialog. I can't figure out ...
0
votes
0answers
295 views
Best practices for editing a Task object in a popup modal window opened from within an lwc
I'm developing an lwc (an lwc vs. a lightning aura component) in which I want to launch a modal window for editing a Task object. A requirement is to stay on the current page - thus the modal window. ...
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 ...
0
votes
1answer
593 views
Prevent LWC Modal from Closing when Clicking Anywhere Outside it
There is a stackexchange post here that is trying to make it possible for clicking outside the modal to allow the modal to close
However, I am trying to do the opposite. I have a parent component that ...
0
votes
1answer
317 views
Unable to catch dispatched custom event. Instead have to use a Callback function. Why?
I am attempting to add a confirmation dialog (yes/no) for a predefined action on a LWC which does archiving. Basically need to show a popup saying do you confirm and the user selects yes/no to proceed....
0
votes
1answer
267 views
LWC Dynamic Flow Modal without Aura
Is it possible to make a simple LWC (without aura) that loads a dynamic Flow (text parameter) into a modal popup? I would think this would have already existed using the SLDS Modal but every sample I ...
0
votes
1answer
130 views
In-App Messaging Auto Dismiss issue
In Android, we are observing that in-app messages, of type system full page or modal, are getting auto dismissed within a few seconds.
In our understanding by doc, in-app msg feature is auto included ...
0
votes
2answers
608 views
How to catch save record action in NavigationMixin LWC?
I have a pice code:
navigateToRecordEditPage(event) {
this[NavigationMixin.Navigate]({
type: 'standard__recordPage',
attributes: {
recordId: event....
0
votes
0answers
1k views
Spinner on LWC modal window not rendering as expected
I have a modal window that is opened when clicking a quick action button on a record. It opens an aura component which contains a LWC containing my UI as well as my logic. A spinner should open in the ...
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
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 ...
