Questions tagged [modal]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
1
vote
0answers
28 views

List button with URL to launch a flow in modal (pop up) window - is it possible?

I would like to have a list 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 redirected to ...
2
votes
0answers
40 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 ...
2
votes
1answer
54 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}>...
1
vote
2answers
317 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
votes
1answer
63 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 ...
1
vote
1answer
922 views

LWC Modal Losing Focus

Update 10/25 I have a modal that I am creating when a user clicks on a lighting card. For accessibility reason I need the focus to remain in the modal until the user clicks Dismiss or hits the ...
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
1answer
736 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
0answers
21 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, ...
5
votes
2answers
4k views

how to access the save button in a modal when implementing the force:lightningQuickAction

I am actually creating a component that will implement the force:lightningQuickAction so that my component open in a modal window from the action button.I would like to capture the event where the ...
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
3k views

Onchange Function for Lightning:inputField Automatically Runs (Causing an Error) when Loaded in a Modal

I have a component that opens in a modal. Modal/Button Markup <lightning:overlayLibrary aura:id="overlayLib"/> <lightning:button name="modal" label="Create Pet" onclick="{!c.handleShowModal}...
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
105 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; } </...
0
votes
1answer
1k views

Modal Pop-Up from Visualforce Page Included in Standard Detail Page Section

I have a Standard record detail page in which there are sections which include visualforce pages. I'm rewriting these using SLDS to look like lightning. From one VF page I'd like to open a modal which ...
0
votes
1answer
995 views

Reload Modal Panel of Quick Action (Lightning Component)

I have a Quick Action with a lightning component, it's a form for the creation of records. I make a button (Save & New) in the modal panel, but i don't know how to reload the entire form or clear ...
1
vote
3answers
539 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
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 ...
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 ...
3
votes
2answers
12k views

How to open lightning component tab from lightning quick action instead of lightning modal?

I have build a simple lightning component something like : <aura:component implements="force:appHostable,flexipage:availableForRecordHome,force:lightningQuickAction"> Hello World </aura:...
1
vote
1answer
196 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
26 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
33 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
984 views

can we open record details page as modal popup from lightning component

We have scenario to open case detail page on click of link. I tried using force:navigateToSObject but it detail page replace current page and we have to navigate back to go to the previous page. can ...
2
votes
1answer
1k views

Lightning Modal disable background

Here is my code for modal: component code: <div aria-modal="true" role="dialog" tabindex="-1" aura:id="myModal" class="slds-modal"> <div class="slds-modal__container" > <...
0
votes
1answer
542 views

Custom modal with cancel and send again button

I need to show a custom kind of toast message where based on a fieldValue I am trying to show a modal which will have a cancel and a 'Continue' button. On cancel I want to close the modal and on '...
0
votes
2answers
260 views

force:inputfield is not displayed on the modal popup

I have created modal in component and added <force:inputField inside it, but it is not displayed on the modal popup. But, if the same <force:inputField is added in the component, then it ...
1
vote
1answer
210 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
126 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
65 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
452 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 ...
0
votes
1answer
80 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
95 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
376 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
202 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
950 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 ...
3
votes
1answer
414 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=&...
3
votes
1answer
318 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 ...
0
votes
0answers
351 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=&...
1
vote
1answer
650 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
366 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
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
83 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
1answer
129 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 ...