Questions tagged [modal]
The modal tag has no usage guidance.
159
questions
1
vote
1
answer
44
views
LWC to fire a popup/modal message on field record change
I need to fire a modal popup, when a specific change happens to an Opportunity.
For example if the Opportunity field "StageName" changes to a specific value, i want a popup to show. I do not ...
- 49
1
vote
1
answer
36
views
How do I move custom button to modal footer
I have a lightning action component that fires from a record page. Opens a modal for creation of a related object. In this draft I can get the button to appear in the modal content but I can't figure ...
- 624
0
votes
1
answer
21
views
Modal window where I can click on the underlying Parent tab items?
Within my LWC component, I was able to implement a Modal window within my console application and it's working great - Opens, closes, no problem.
Now, I would like to perform some input operations (...
- 621
1
vote
0
answers
68
views
How can I force an SLDS modal to open within user's view in a very long LWC in the context of a mobile device
This question has already been asked here, but there are no answers at all. I tried this, but no luck. Can someone please assist?
The Issue
I have a custom LWC that implements a traditional SLDS based ...
- 3,318
5
votes
1
answer
159
views
How to improve the user experience for picklists in a lightning-record-edit-form in a modal?
I have a lightning-record-edit-form allowing the edit of 3 lightning-input-fields displayed in a modal.
The third field is a picklist:
so when clicked on the options get clipped and the user has to ...
- 131k
0
votes
0
answers
151
views
Multiple functions in onclick in Aura
I have one button "new case", and when clicking on it, it is opening one link and subtab. So I have 2 functions: one for link(linkbutton) and one for subtab(newsubtab). How do i use both ...
- 1
0
votes
0
answers
40
views
How to create Custom Detail Link on a Record Page that opens my JS modal
I am needing to create a custom detail link on a custom object detail record page that will open my custom JS modal (Which in turn generates a dynamically filled text file from the Record ID). How can ...
- 1
0
votes
1
answer
397
views
Why can't I get rid of the 'X' button on my LWC Modal? I have a 'Cancel' lightning button so the 'X' is not needed
I have a LWC quick action on my Salesforce record page. I have added a 'Cancel' lightning button that will close the modal, so I need to remove or hide the big 'X' that shows up outside of the modal. ...
- 1
0
votes
0
answers
61
views
SLDS styling when embedding a flow in a custom Aura component
I'm attempting to meet a requirement, to default a lookup field value on a custom object when a record is created, this needs to be editable by the user prior to saving.
To meet this requirement I ...
- 101
0
votes
0
answers
36
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 ...
- 197
0
votes
0
answers
35
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.
- 392
0
votes
1
answer
617
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
170
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 ...
- 11
0
votes
1
answer
40
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
<...
- 174
0
votes
1
answer
41
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
1
vote
2
answers
3k
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 ...
1
vote
0
answers
402
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
...
- 13
0
votes
0
answers
66
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
702
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
312
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
441
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 ...
- 323
3
votes
0
answers
334
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> -...
- 531
0
votes
0
answers
416
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
1
answer
980
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,474
1
vote
1
answer
650
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,351
0
votes
2
answers
591
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
184
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
99
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:...
- 466
0
votes
0
answers
46
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
412
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
190
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
252
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
31
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
504
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
3k
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 ...
- 125
3
votes
0
answers
551
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,336
4
votes
1
answer
690
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}>...
- 131k
2
votes
1
answer
539
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 ...
- 124
0
votes
1
answer
53
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
1
answer
562
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,578
0
votes
1
answer
259
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-...
4
votes
3
answers
2k
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;
}
</...
- 484
3
votes
3
answers
6k
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
2
votes
1
answer
1k
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>...
- 531
0
votes
1
answer
164
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 ...
- 325
1
vote
1
answer
617
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 ...
- 847
0
votes
1
answer
261
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
554
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
1
answer
234
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
328
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 ...
