Skip to main content

Questions tagged [modal]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
1 vote
1 answer
131 views

How can I conditionally control a modal height?

I have a custom component that allows the parent component to use a modal dialog. The component has a slot that the caller can use to customize the content in the body. We've found a use case where we ...
Chuck's user avatar
  • 977
0 votes
1 answer
91 views

Unable to open list button from related list in a modal popup

I have a list button that opens a screen flow. However, I am unable to get the flow to open in a modal. It only opens in the same window which isn't a great UI experience since the flow doesn't have ...
user1718612's user avatar
0 votes
1 answer
142 views

How to open Screen Flow from LWC as Modal or Popup in Community

Hello Salesforce Ohana, I am able to access flow from lwc but i am unable to find any documentation for how to open screen flow as modal or popup. I tried adding flow inside Modal but still it is not ...
Sushil Dholani's user avatar
0 votes
0 answers
43 views

Lightning:QuickAction Modal not rendering correctly when clicked for the first time

I have a lightning action which includes a lightning aura component. In my lightning component i have applied some custom styling in order to improve the modal view. customAuraComponent.cmp: <aura:...
JackSparrow's user avatar
1 vote
0 answers
53 views

Object specific quick action without modal pop up

when i click the cancel button the LWC pop will be removed but quick action pop up not removed,I have included the screenshots for your refrence
raja rajan's user avatar
1 vote
0 answers
85 views

Get rid of X in slds-modal in LWC

I've been trying to make my own custom modal (based on the lightning design for modals) However I seem to be running into some issues in getting rid of the floating X when the modal shows up. I ...
Kevin Yao's user avatar
  • 117
0 votes
0 answers
96 views

Flow using "Send Slack Message" element and a view

I want to send a Slack message from a flow using a view, and there is a beta release for this that I want to try out in a sandbox. The flow does send a plain text Slack message without a view. So this ...
Daniel Wretman's user avatar
0 votes
1 answer
508 views

LWC lightning-modal initial focus on header

According to documentation lightning-modal documentation When the modal opens, focus goes to the first interactive element in the modal. If the header includes a link in tagline text, the link gets ...
sfrazlond's user avatar
0 votes
0 answers
198 views

Adding pop-up modal on page load to Salesforce CMS page not working

I'm trying to create a modal that pops up on page load and have the following in a Codepen, which works properly, but in Experience Builder, it's not working. In an "HTML Editor" component, ...
linnse's user avatar
  • 109
0 votes
1 answer
639 views

How can I add a form in a modal that pops up on first page load?

I'm trying to set up a modal that opens on page load, the first time a user accesses the site. The form is simple and will have two buttons: Are you an agent? Yes No If yes, the content on the page ...
linnse's user avatar
  • 109
2 votes
1 answer
639 views

Is there a way to pass in markup to a modal built with "lightning-modal"?

In LWC, when using a custom modal component, I'm able to pass in markup to my modal body using slots like so. <c-custom-modal> <lightning-card slot="main"> &...
Sal Carrera's user avatar
0 votes
1 answer
918 views

Script Error Closing LWC Modal Window when Flow Interview Finishes

I'm trying to use the new LWC modal component. Embedded in the LWC modal is a screenflow. The issue I'm facing is the finish behavior. How can I get the modal window to close when the flow interview ...
Taku's user avatar
  • 15
0 votes
0 answers
81 views

Implement standard Contact lookup as available on Task in a custom compone

There is a requirement where I need to implement same functionality as standard Contact lookup on Task [Screenshots Attached][![enter image description here] 2][![enter image description here] 3]3. ...
Utkarsh Verma's user avatar
0 votes
1 answer
170 views

Standard Object Edit Modal Doesn't Scroll and makes unusable

I have clients that have had issues and I can not recreate them or find any information on why this would happen. I have a 2GP package that clients install and when they are looking at a standard ...
Ryan Drost's user avatar
3 votes
0 answers
1k views

LWC Native Modal + Issues with Overflow on Combobox

I am trying to swap out modals that were once pure LDS to the new native ones and I am having an issue with styling. My Modal Component: <template> <lightning-modal-header label="...
SBB's user avatar
  • 173
2 votes
1 answer
1k views

Refresh related list after creating a record via LWC quick action

I built a screen action LWC that uses lightning-record-edit-form and lightning-input-field to create a new record. The quick action is placed on a parent record page and adds a related child record to ...
Hiroki Yuda's user avatar
1 vote
2 answers
2k views

Hitting error "TypeError: Cannot read properties of undefined (reading 'open')" when using open() method of the new LightningModal library

I'm trying to utilize the new LightningModal library to launch a modal from an LWC component. Running into an error that I'm having trouble resolving, and hoping someone here can help me out. There is ...
Trevor Gill's user avatar
5 votes
2 answers
2k views

'EventTarget': parameter 1 is not of type 'Event'.] when firing event from LightningModal according to the documentation

I'm trying to use the lightning modal component described here. This is what I'm trying to do: <lightning-modal-footer> <lightning-button variant="brand" label={labels....
MadMax's user avatar
  • 1,000
0 votes
1 answer
580 views

Show text with link in Lightning modal

Hello everybody I want to show a message inside a Lightning-modal and a link that redirects the user to a previously created record. Like for example: The problem is that I am getting this: In my js ...
user avatar
1 vote
0 answers
1k views

Send updated data to lwc lightning-modal component

I am using the lightning-modal component which is opened via JS in the parent component. I pass in a progress value to the modal using the @api decorator on the modal component. I can pass the value ...
Rory's user avatar
  • 429
1 vote
1 answer
480 views

LightningModal extract first Element from Array to use in String

On my Parent Lightning Element I have a data table where on Row Selection I want to open a custom Record Page in a Lightning Modal. I am struggling to extract the Id I am passing in the options array. ...
Jeff Callahan's user avatar
1 vote
1 answer
1k 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 ...
AndersenAnd's user avatar
2 votes
1 answer
519 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 ...
Ohmicron's user avatar
  • 697
0 votes
1 answer
601 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 (...
Austin Evans's user avatar
2 votes
0 answers
792 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 ...
Lightning Evangelist's user avatar
5 votes
1 answer
1k 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 ...
Keith C's user avatar
  • 136k
0 votes
0 answers
445 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 ...
NMS's user avatar
  • 3
0 votes
0 answers
121 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 ...
mcook's user avatar
  • 1
0 votes
1 answer
6k 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. ...
mcook's user avatar
  • 1
0 votes
1 answer
2k 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 ...
HeXor's user avatar
  • 287
0 votes
1 answer
486 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 <...
Night Guy's user avatar
  • 214
1 vote
1 answer
1k 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 ...
Charlie's user avatar
  • 77
1 vote
3 answers
11k 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 ...
Mr Hamburguers's user avatar
1 vote
0 answers
819 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 ...
Jaemy Malik's user avatar
0 votes
1 answer
2k 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 ...
Safaas's user avatar
  • 1
0 votes
0 answers
674 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 ...
Vishal J's user avatar
2 votes
3 answers
1k 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 ...
user2018's user avatar
  • 351
3 votes
0 answers
2k 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> -...
jbyrd's user avatar
  • 651
0 votes
1 answer
4k 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 ...
Pavan tej's user avatar
  • 1,458
1 vote
1 answer
4k 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 ...
Dan Wooding's user avatar
  • 3,611
1 vote
2 answers
2k 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 ...
Walker's user avatar
  • 21
1 vote
0 answers
801 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 ...
Amanda Perez's user avatar
0 votes
0 answers
477 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 ...
Jeannine Robitaille's user avatar
1 vote
1 answer
686 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 ...
Kawadragon's user avatar
0 votes
1 answer
120 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 ...
Untitled's user avatar
0 votes
1 answer
1k 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 ...
Andreas Epping's user avatar
7 votes
1 answer
12k 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 ...
bonzi's user avatar
  • 165
9 votes
1 answer
2k 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 ...
Sander de Jong's user avatar
4 votes
1 answer
1k 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}>...
Keith C's user avatar
  • 136k
3 votes
1 answer
1k 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 ...
Yaac0's user avatar
  • 165