Questions tagged [modal]
The modal tag has no usage guidance.
147
questions
0
votes
0answers
19 views
Modal Popup not showing properly on button click from mobile device - LWC Salesforce
I have added separate modal(s) on 'Void, Track, View, Print' buttons [Image 1] , when checking from BROWSER all modals are showing/working properly , but when checking the application on mobile ...
0
votes
1answer
21 views
Align footer section of modal to center
I want to display the buttons in the footer section to the center and I'm using the modal container. I have tried multiple CSS but none of them are not working, could you please suggest me the correct ...
1
vote
1answer
29 views
Set Modal Height
One of my buttons opens a modal with some content inside. My problem is that the content only shows on half the modal. It's been a long while since I've looked at this but I think this is the right ...
0
votes
0answers
34 views
Lightning DatePicker Displaying Outside of Modal Pop-up Form
I have a modal form appearing on a button click. Basically just setting the flag to true and the modal is rendered (it's always on the page). The modal contains multiple fields, one of which is the ...
0
votes
0answers
52 views
lwc accessible modal window
I have an implementation of a modal window as an LWC which is working fine, but there is a new requirement for it to be accessible.
Reading through the modal docs on the lightning design system site ...
0
votes
0answers
12 views
How to increase the width of lwc modals called from quick action and called from flow without using Aura
I have 2 LWC, one invoked from quick action, named Ingeration Person Account :
META file:
<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http:...
0
votes
0answers
20 views
Controlling Form Stack for 3rd party elements
Just wondering if anyone has run across this situation before and how did you handle it.
We built a custom contact create form, using a modal window. Looks almost identical to standard SF component. ...
1
vote
0answers
15 views
Display lightning:recordEditForm in a modal
I'm having issues saving my new record using the code below. I'm trying to override the standard "New" function with a custom lightning:recordEditForm on a modal interface. The modal opens ...
0
votes
0answers
58 views
Launch Flow in Modal - pass variable
I am Using AppExchange Launch Flow in Modal. I can't manage to figure out the proper syntax to pass the value of a variable field to my flow input variable string. I am adding the Modal button to my ...
1
vote
1answer
103 views
How to resize the <lightning-file-upload> modal on a phone in lightning web component?
I'm trying to resize the standard modal which is shown after I click on the < lightning-file-upload > tag and select images.
The reason for this is because when a page is zoomed in on a phone ...
0
votes
1answer
27 views
Added values to an Object is changed whenever I add a new one
I am trying to save a new values into an Object from a modal, but not pushing it yet to the database. I successfully pushed the new values to the Object, but once I wanted to push another value into ...
0
votes
1answer
144 views
How to render a PDF from a visualforce page in an Aura component modal full size
I wanted to preview a rendered PDF in a Lightning Component. To do so, I have created a visualforce page that renders as PDF. Additionally I have created a Lightning Component that is used as a Quick ...
3
votes
0answers
516 views
List view button to launch a flow in modal (pop up) window - is it possible?
I would like to have a list view button that goes to a URL that starts a flow. However, if the URL is just the link to the flow (for example, "/flow/<flow_name>"), the user is ...
2
votes
0answers
234 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 ...
3
votes
1answer
194 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
195 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
38 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
27 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
1answer
170 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
60 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-...
2
votes
2answers
408 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;
}
</...
2
votes
3answers
2k 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
21 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
472 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
17 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
69 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
18 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
39 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
321 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
53 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
110 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
53 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
230 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
105 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
107 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
774 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
502 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
267 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
1k 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
2answers
637 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, ...
2
votes
1answer
417 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
1k 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
22 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 ...
3
votes
1answer
675 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
658 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=&...
4
votes
1answer
447 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
991 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
622 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
151 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:...