Questions tagged [modal]
The modal tag has no usage guidance.
154
questions
0
votes
0
answers
15
views
flow modal window not able to close in lightning app builder
I am calling a screen guided flow from a modal window in lightning component which I am making visible on a particular status on Case .
But the modal does not closes on Lightning app builder from ...
- 187
0
votes
0
answers
15
views
Quick Action for a Standard Tab?
Can we create a lightning action for a tab?
Basically, I want to call a custom lightning aura component from the Tab.
- 362
0
votes
1
answer
35
views
Lightning component modal window with fixed size and proper closing buttons
I want to use a salesforce modal window using a lightning component, fixing its size to 90% width AND height of the screen to display larger content (a pdf preview). The standard modal component seems ...
- 165
0
votes
0
answers
23
views
Calling method on child component not passing data LWC
I want to put an anchor tag on my parent component html that will open up a modal when a user clicks on '{iteratorname.value.LineStatus}'
Right now it opens the modal but no data is showing up, and it ...
- 13
0
votes
1
answer
21
views
Records created using LWC not getting populated with information
I am creating a pop-up modal to create new records for a custom object Student__c using LWC. When I am clicking on the Save button a record is getting created but the fields are all blank.
.html
<...
- 176
0
votes
1
answer
26
views
How to display lightning modal pop-up (invoked by visualforce) above the record detail page
Hi I am trying to replace the standard new button in one of the related list of the Quote object.
I am succesfully doing it except that when the custom button is clicked, the modal is displayed on a ...
- 37
0
votes
1
answer
167
views
Launch a screen flow using a modal window using LWC only?
Newbie here!
I've created an admin tools menu, and I've already created the flows required for each tool.
Now that I have the menu I was able to launch said flows in a separate window, but I can not ...
0
votes
0
answers
82
views
Insert a draft data to a datatable using modal before saving all draft values
I making a lightning component that can do the following:
Click a button to open a modal
Enter required Account details and hit the save button, this will save the details as a draft to the datatable
...
0
votes
0
answers
27
views
I want to pop up a modal which I included in app builder case record page. I want this lightning modal pop up controlled(show/hide) from apex class
There is a requirement where I need to pop up a lightning component(modal) on case detail page after some validation written on apex. Can I pop up the modal with the use of apex class? The lightning ...
- 1
0
votes
1
answer
126
views
LWC initializing Modal/popup when Record Page loads
I created a LWC Modal/Popup component, a simple modal window to display some text. This modal window has OK and Close buttons.
To test this modal/popoup I added a button to call it in the Record Page ...
- 1
0
votes
0
answers
88
views
how to reuse modalpop up body multiple times in LWC
i have came across an issue of modalpop up in lwc where in we have "headers","Body" and "Footers" Now my issue is i am calling one LWC(Comp-1) component into my modal ...
- 5
2
votes
3
answers
287
views
Flow with modal, error when clicking on 'Show All Results for ...' in a lightning input lookup field
I have created a Flow with modal using Aura Component and Visualforce page. I have a lookup input field on the flow to search for an account. However, the "Show All Results for .." option is ...
- 285
3
votes
0
answers
50
views
How to Target Element In Modal After Opening Modal
I have a custom modal component (with slots) that can be opened and closed. In a parent component I'm using this modal component and inside the body slot of the modal I have a <lightning-input> -...
- 451
0
votes
0
answers
265
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 ...
- 1
0
votes
1
answer
371
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,420
1
vote
1
answer
161
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 ...
- 3,334
0
votes
2
answers
239
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 ...
- 1
0
votes
0
answers
56
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 ...
- 175
0
votes
0
answers
50
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:...
- 456
0
votes
0
answers
26
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
1
vote
0
answers
154
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 ...
- 11
0
votes
0
answers
123
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
1
answer
169
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 ...
- 11
0
votes
1
answer
28
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 ...
- 1
0
votes
1
answer
297
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 ...
5
votes
1
answer
2k
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 ...
- 115
2
votes
0
answers
391
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,210
4
votes
1
answer
461
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}>...
- 129k
2
votes
1
answer
394
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 ...
- 100
0
votes
1
answer
48
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
0
answers
45
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
1
answer
384
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 ...
- 1,516
0
votes
1
answer
116
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-...
3
votes
2
answers
1k
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;
}
</...
- 464
3
votes
3
answers
4k
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-...
- 33
0
votes
0
answers
43
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 ...
- 81
2
votes
1
answer
911
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>...
- 451
0
votes
1
answer
109
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 ...
- 295
1
vote
1
answer
473
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 ...
- 815
0
votes
1
answer
189
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 ...
- 1
0
votes
0
answers
348
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 ...
- 1,172
0
votes
0
answers
160
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 ...
- 1
0
votes
1
answer
192
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
1
answer
1k
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 ...
- 11
1
vote
2
answers
845
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 ...
- 2,902
0
votes
1
answer
666
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 ...
- 51
0
votes
2
answers
2k
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 ...
- 322
0
votes
2
answers
1k
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, ...
- 113
2
votes
1
answer
654
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 ...
- 51
1
vote
1
answer
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 ...
- 113