Questions tagged [modal]
The modal tag has no usage guidance.
0
votes
1answer
22 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 ...
0
votes
0answers
20 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 ...
3
votes
1answer
127 views
How do I produce a “New” record button to look like a standard “New” button?
Basically I want to create an input area for a new record. I'm trying to get it styled like the standard "New" Button. I have tried doing it via Visualforce but it looks like a completely separate ...
6
votes
3answers
128 views
component.find(“overlayLib”).notifyClose(); not working inside apex controller's returned promise
I have a parent component with the <lightning:overlayLibrary aura:id="overlayLib"/> component added.
The parents controller creates an instance of the modal component, assigns it to the body ...
1
vote
1answer
74 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
0answers
31 views
Component behaves differently in community vs internal
I have a component that displays a modal form using create component and
a modal promise. In the community, it works as intended, where something occurs that fires the event that creates the ...
1
vote
1answer
51 views
Unable to Call Apex-Controller Method in Modal-Footer Component
I have a modal with a footer. The footer is just for Cancel and Save buttons, and their respective JS functions.
Modal Markup
<lightning:overlayLibrary aura:id="overlayLib"/>
<lightning:...
0
votes
0answers
74 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}...
1
vote
0answers
69 views
How can I override standard modal css in lightning:overlayLib modal instantiation?
I am running into an issue where part of my component within the modal generated by lightning:overlayLib requires the user to scroll. I want the div that appears to display over the top of the footer ...
0
votes
0answers
34 views
Make a field on modal popup required via apex code and generate error if the field is empty
I have a modal popup in visualforce that appears when a user clicks the link. On the modal popup, there is a textbox field "Reason" that I want to make required via code. I want to generate an apex ...
3
votes
1answer
78 views
Unable to open another Lightning Component in a Modal pop-up when called from within a Lightning app
Here is my first Component called Modal:
<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:...
0
votes
0answers
28 views
Visual Force page as a lightning pop up
I previously asked this question and found that this is an issue existing in the system and something that needs to be handled at the moment.
Lightning Component as a button
Drawing from that ...
0
votes
1answer
105 views
Can I update the Header, Body, or Footer of a lightning:overlayLibrary component? [closed]
I have created a custom modal and I would like to update the footer of this component after the component has been created. Is there a way to do this?
openModal : function(component) {
$A....
1
vote
0answers
112 views
getReference undefined
I ran into a problem that just doesn't make sense. I am dynamically creating component (modal) and passing attributes into it.
this is the method that takes care of that:
showModal: function (...
2
votes
1answer
618 views
Iterating over List<String> in <aura:iteration>
So, I have been losing my mind over this for a few days now.
Scenario: I have a component that displays a custom modal.
this a snippet of code, that takes care of that
showModal: function (...
1
vote
3answers
83 views
Lighting action to only call apex [duplicate]
I've this very simple component
<aura:component implements="force:lightningQuickActionWithoutHeader, force:hasRecordId" controller="LC09_AccountButtonUpdatePermission_CTRL" access="global">
&...
1
vote
1answer
84 views
Show modal on top of Component rather that page
I have a component created :
<aura:component description="CaseRelatedArticleComponent_ACE"
implements="force:appHostable,flexipage:availableForAllPageTypes,force:hasRecordId"
...
0
votes
2answers
559 views
How to create form with 2 columns inside lightning modal
I have a button "Create New Opportunity". onclick of this button, a lightning modal popup opens with the set of around 16 input field tags to get the inputs from the user.I want this 16 input field ...
0
votes
0answers
69 views
Open slds modal dialog from iframe - Visualforce page embedded on Standard Layout
I wonder if it is possible to open modal dialog on fullscreen from visualforce embedded on Standard layout? I already tried to resolve that with JQuery but I get only SecurityError: Permission denied ...
1
vote
0answers
41 views
When creating modal with showCustomModal(), dynamically replace original body component with new component
I'm doing a custom version of the 'Add Products to Opportunity' standard component, and I'm trying to fit a two-stage process within a modal ('Select Products' and 'Create Line Items').
I thought I ...
1
vote
0answers
73 views
How to programmatically identify that no modal is visible on screen?
I want to identify that screen does not have any modal visible, and based on this, I want to show or hide the window's default scrollbar.
To show/hide the scrollbar I got excellent solution from this ...
0
votes
1answer
125 views
Lightning Component : JS error when closing modal
I'm working on a Lightning Component that open a modal when user click on a button. This modal have the close button on the upper-right side and also two custom button, "Cancel" and "Save". By ...
0
votes
1answer
120 views
Show Approved/Rejected/NMI on click of Submit button [closed]
I have built lightning component where user can make decision of records like Approve/Reject/NMI. That's working fine.now i am trying to do if record is Approve i want to show some Indication to that ...
1
vote
0answers
154 views
Summer18 - Custom Modal Issue
i noticed an issue in my summer18 sandbox and can´t find any css changes in the release notes of summer18 that could be responsible for that.
The issue: Background of the page behind a custom modal ...
0
votes
0answers
228 views
How to show field value on-click of modal popup in Lightning
I have a Tab which contains list of records and actions. they i will have three actions like Approve,Reject and Need more Info. on click of Reject i will show an Modal popup which will have a Comments ...
3
votes
1answer
860 views
How to apply css to Lightning:overlayLibrary
My objective is to control the width of the modal provided by lighting:overlayLibrary component. I am trying to do it by overriding the css applied to the slds-modal__container. I was hopeful this ...
0
votes
1answer
128 views
Opening a Visual Force page which embeds a lightning component from Related List button
Problem: I have a requirement which says, need to open a modal window which opens on click of related list button and this modal needs to be a lightning component,As we cant open a lightning component ...
7
votes
1answer
171 views
Picklist issues inside global modal
I was rendering global modal using lightning:overlayLibrary tag which will display the fields using lightning:recordEditForm and lightning:inputField. If i added the any picklists at the end of the ...
3
votes
2answers
165 views
How to stop the top of a tall SLDS modal from being clipped?
I am using the SLDLS modal styles as documented and in general they work well. Below are two screen shots where the first has a small amount of lines (<p>Line</p> repeated) but the second ...
1
vote
0answers
220 views
Override a Standard Action with a Lightning Component not working for Contact New button
I am trying to perform the Standard Action override with a lightning component as per the given trailhead
https://trailhead.salesforce.com/projects/workshop-override-standard-action/steps/override_4
...
0
votes
1answer
265 views
Lightning Component Modal Heading
I am using the lightning:overlayLibrary to display a modal. The header and footer are coming through fine but the header is not displaying as expected.
When I pass the title through the header object ...
1
vote
2answers
374 views
Using lightning:overlayLibrary does not reopen modal
I'm using the lightning:overlayLibrary to display a modal in a Lightning Component that's used in a Salesforce Community.
This works for the first time. The modal displays with the correct body and ...
0
votes
0answers
24 views
List Button on a Modal in lightning experience
I'm working on a List Button, and when I click on the button on lightning experience, I want to show a page in a modal, without leaving the page. Has a workaround to do that?
{!IF($User.UITheme = '...
1
vote
2answers
307 views
Calling a lightning form/modal that is its own component
I'm building a lightning page using several lightning components and using lightning data service. I would like to keep components as reusable as possible.
What I am trying to accomplish is when ...
0
votes
1answer
1k views
Modal to open the specific record edit on click of link in jquery datatable [closed]
I have created a jquery datatable in salesforce. I want that when somebody click on the Id column in the datatable, it should open the edit page in a modal.
I was able to open the record in complete ...
0
votes
0answers
33 views
Modal Box Disappears Immediately in Visualforce Page [duplicate]
I created a page wherein upon saving an account record, there's a modal box that displays the newly-created account's id. The idea is that when I hit the save button, account must be inserted ...
2
votes
0answers
36 views
How can I use the cssClass attribute in ui:overlayLibray modal?
I want to remove the padding from the modal-body. That element is 2 layers deep. How can I pass in a style using the cssClass attribute that will be applied to an element nested within and not just on ...
0
votes
0answers
40 views
Loading the Components outside the Utility bar context [duplicate]
Is there a way to load the component outside the context of the utility bar? I have added my component to Utility Bar.I have a button which onclick loads the modal pop up. But the modal popup is ...
1
vote
0answers
123 views
Adjusting lightning picklists to follow scrollbar when in focus of a custom modal
Currently I have lightning component that I am inserting into a custom modal using the lightning overlay library: https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/...
2
votes
0answers
196 views
Scroll bar disappears when modal closes
I have this modal on Quote object which works as I expect. The problem is that before opening the modal, I have scroll bar on the Quote object main page, but when I open the modal and then I close it, ...
0
votes
1answer
31 views
Lightning Create Custom Tutorial
I want to be able to guide users that switch from classic to lightning with a tutorial. I know how to create a modal to guide the user, I just want the modal to show whenever the user switches from ...
1
vote
0answers
282 views
How to get HTML DOM element outside of lightning component? [duplicate]
I have a lightning component with a modal that opens over it.
I want to open this modal on the entire page viewport height and view port width -
meaning on top of the lightning experience header.
I ...
4
votes
1answer
953 views
Passing user input from `lightning:overlayLibrary` back to parent
I am using lightning:overlayLibrary to collect input from the user which will then be used in the parent component. The modal is simple: 1 lightning:select` in the body and a footer with "Select" ...
0
votes
1answer
549 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
0answers
662 views
Modal Fullscreen in Lightning component
is there a way to beat the z-indexing of salesforce navigation menu???
I want my modal's to be able to show content in fullscreen. I tried below css.
.THIS .fullscreen{
z-index: 9999; //even ...
0
votes
0answers
413 views
Need to refresh the lightning Modal on closing it
When I click on the Cancel button and reopen the Modal(sfCreateModal), I need to refresh the modal code. Currently, I am doing <--component.set("v.simpleNewSFEnv",{'Name':''});--> to clear the data ...
2
votes
0answers
87 views
Set focus on lightning modal as soon as it opens in SF1
I'm using salesforce lightning modal in a long form, everything is working fine when using lightning experience for desktop.
But when using a Salesforce1 in mobile, the form is not fitting into one ...
7
votes
5answers
6k views
How to close lightning:overlayLibrary custom modal?
The documentation shows how to close an overlay immediately after showing the modal, however this is not very useful for real life situations.
I have a component which has a lightning:overlayLibrary ...
2
votes
1answer
611 views
How to modify @media css property in lightning styles
I have a lightning action and a component associated with it. When i click on the action, the modal pops up with a Normal size.
I want to customize the width of the Modal. I searched some css stuff ...
2
votes
2answers
855 views
lightning:spinner in slds-scrollable scrolls out of view
I am displaying a long scrollable content in a modal
<c:strike_modal aura:id="filterModal" title="Filter volumes" primaryButtonLabel="Ok" secondaryButtonLabel="Cancel" showHeader="true" showFooter=...
