Questions tagged [lightning-button]

A lightning:button component represents a button element that executes an action in a controller. Clicking the button triggers the client-side controller method set for onclick. Buttons can be either a label only, label and icon, body only, or body and icon.

Filter by
Sorted by
Tagged with
-1 votes
0 answers
26 views

Stateful Lightning button on a specific row: how to get an id to fire an event

I have a list of stateful buttons: each button should show the id of a record. The buttons have an "avaliable" green state. When Clicked, the status should be "selected", the color ...
user avatar
0 votes
0 answers
12 views

Invalid Parameter id for Button on Opportunity List View

I am creating a button on the list view page of opportunity but it's showing that Invalid Parameter Id. This the code that I'm using in while creating a button: https://composer.congamerge.com ?...
user avatar
0 votes
1 answer
604 views

How does slot attribute works in lightning-button?

I have the below example where a slot attribute is passed to the lightning-button to align with the lightning-card. Is there a documentation where I could read more about the slot property? <...
user avatar
0 votes
1 answer
1k views

Moving Cancel, Save buttons on top of lightning datatable in LWC

I am trying to save the inline editing values with custom buttoms that appear on top of the page. Currently it saves with the auto buttons that appear if a user edits a record. The console output I ...
user avatar
1 vote
1 answer
427 views

Lightning Web component download link give errorduringprocessing.jsp

I have an experience cloud site with a lightning web component that contains a download link. Clicking the download link produces the following error: top.location='https://{domain}.cs196.force.com/...
user avatar
  • 31
1 vote
2 answers
2k views

How to navigate to Custom Lightning Tab (having lwc) through lightning button having recordId in parameter? [duplicate]

I am trying to navigate to lightning tab which displays a lwc. I have a custom object and in lightning I have created one button and I am passing /lightning/n/ComponentTab?id={!record.Id} this in url ...
user avatar
0 votes
1 answer
354 views

Displaying button group vertically

I'm using lightning-button-group in my LWC component however, by default it displays the grouped buttons horizontally - in one row. How would I change it to display vertically? Thanks.
user avatar
0 votes
1 answer
373 views

Navigate To New Tab From Link in Datatable

Currently I have a lightning:datatable of items where the last column is a button. When clicked, the button kicks off the onrowaction event handler, which uses the lightning:navigation to navigate to ...
user avatar
  • 491
0 votes
1 answer
483 views

How to add delay to the spinner till the Queable job gets completed [closed]

we have a lightning button on community. when we click on it a queable class gets triggered and it will update forms status. whenever I am clicking on the button it is taking some time to update the ...
user avatar
0 votes
1 answer
259 views

How to open a new form on top of the current one when clicking the button? [closed]

I have a "new" button in my aura component (lightning: button). When I click on this button, I want to open a new form ("New Contact") on top of the current form, in which I need ...
user avatar
0 votes
1 answer
812 views

Title attribute not working on a command button with Disabled = true in LWC

I have a lightning-button and want to display a tooltip/hover text whenever the button's disabled attribute is true. <lightning-button variant="brand" label="Test Button 1" data-...
user avatar
0 votes
1 answer
451 views

Download a custom report into Excel on click of a custom button in lightning aura component

I have a requirement, where i need to download a custom report in excel format once i click on a custom button in Lightning aura component.
user avatar
  • 13
0 votes
1 answer
108 views

I have a Search Order Lightning Component that has a button that will open again the Lightning Component in a new subtab

I have a Search Order Lightning Component that has a button that will open again the Lightning Component in a new subtab but upon opening the component I want to fetch the values and still display the ...
user avatar
  • 37
1 vote
1 answer
2k views

How to align button to right and vertical center inside a division?

I want to display a text and two buttons inside a <div> in a <aura:component>. When I use the following code: <div style="background-color:blue; margin:2px; padding:10px;" > <...
user avatar
0 votes
1 answer
767 views

How to toggle cursor pointer on lightning button

I'm having a lightning button called "Submit". I have added css property to that button to display it in red color. When I click on that button, I want to change my cursor pointer style to 'not-...
user avatar
  • 25
0 votes
1 answer
465 views

Button icon with possibility of passing parameters and get element

I have a IconButton , but to pass parameters to the JS, I use regular Icon with span like this : <span onclick="{!c.copyLink}" data-theurl="{!item.path}" data-caseid="{!item.id}" > <...
user avatar
  • 443
0 votes
1 answer
327 views

Remove highlight from current tab when button is clicked again, I am using setTabHighlighted() to highlight current tab

I have created aura component to highlight tab onclick of button and it is working as expected. But I want to remove that highlight from tab when button is clicked again, not sure how to do this. ...
user avatar
  • 27
1 vote
1 answer
6k views

Dynamically set the onclick function in LWC button

I'm trying to dynamically set the onclick function of lightning web component button but it's not working. I've tried both "click" and "onclick" JS: const navButton = this.template.querySelector('....
user avatar
  • 243
6 votes
3 answers
12k views

How to make buttons in a lightning-datatable smaller in LWC?

I have a lightning-datatable in my Lightning Web Component (LWC) that has several buttons in each row (first button only shown here): These standard-sized buttons consume quite a lot of vertical ...
user avatar
  • 130k
0 votes
1 answer
1k views

LWC - Why is the computed rowId for my custom data type in lighting-datatable undefined?

I have a custom lighting-datatable where the last row is a column that contains two buttons. When either of these buttons is pressed, I am attempting to retrieve the rowId of the row where the button ...
user avatar
  • 107
6 votes
1 answer
685 views

LWC - How to communicate property changes down the hierarchy

By following a tutorial (How to use custom LWC lightning component in lightning-datatable) I was able to extend lightning datatable and insert a button into the final column. Now, I am currently ...
user avatar
  • 107
0 votes
2 answers
2k views

How to open buttons of datatable in a new tab?

I am using a datatable to show record details. It has a view button that will take the user to the respective record. I want to open record in a new tab. Right-clicking a button does not show the open ...
user avatar
  • 1,054
-1 votes
1 answer
132 views

Callback method isn't executing

My callback method isn't executing when trying to run multiple helper functions in a single controller method. -----------------------------------------------------------------Solved-----------------...
user avatar
  • 91
1 vote
0 answers
145 views

How do I open a Visualforce PDF page from a Lightning component button?

I have a lightning component (called from a quick action), on which a few inputs are taken. On clicking of a button I need to show a Visualforce PDF page. Can I do so directly from the button or do I ...
user avatar
  • 1,397
1 vote
1 answer
4k views

Recreating lightning-button with custom color

I am trying to replicate lightning-button in my Web Component because I need to use custom colors, and supposedly you can't override the lightning-button with css to change these colors... So here is ...
user avatar
  • 1,000
4 votes
4 answers
18k views

Changing colors of lightning-button

How can I change the colors of lightning-button? I tried doing this in my css: .my-button { background-color: #14a6bc; color: #ffffff; } and applying that class to my <lightning-button&...
user avatar
  • 1,000
0 votes
1 answer
1k views

Add validation to managed lightning button

I have a managed (detail page button, content source: visualforce page) button which when clicked opens a visualforce page, I want to make this button shows a message if a field on the object is ...
user avatar
  • 49
1 vote
0 answers
2k views

Lightning button attribute "Disabled" in "aura:iteration tag"

I'm trying to enable a lightning:button if a lightning:inputField changes. This is the aura:component: <aura:component implements="flexipage:availableForRecordHome,force:hasRecordId,force:...
user avatar
0 votes
1 answer
4k views

lightning:button inline edit, only show icon

I have a lightning component in which I have built a data table. In this data table I have a component for each row. Everything works fine except one cosmetic thing. The inline edit button shows an ...
user avatar
2 votes
1 answer
466 views

Download Screenshot in PDF on button click in lightning component

I have a lightning component which displays list of accounts in table. And I need to create a button. On clicking , screenshot of the screen should be downloaded as PDF/excel file. I am not sure how ...
user avatar
  • 1,395
2 votes
2 answers
13k views

Make a lightning button constant in size

I have a lightning button in my custom component. Now the button size is dynamically changing depending on the button text. Is there any way to make it constant?
user avatar
  • 1,123
1 vote
1 answer
362 views

We need to uniquely identify multiple lightning components on same page( using lightning app builder)

We need to uniquely identify multiple lightning components on same page(added using lightning app builder) and we need to save respected responses and use them later. For this purpose we need a unique ...
user avatar
  • 11
0 votes
0 answers
204 views

Button text coming in two lines and increasing the length of lightning button

i have a lightning component button which has a longer text and it is going in two seperate lines and forming the following structure. Is there any way to keep it in a single line? i used the ...
user avatar
  • 1,123
1 vote
1 answer
4k views

Hover Text on lightning button in custom lightning component

I have a lightning component button in a custom lightning component. I want a hover text to appear on the button. Is this possible in lightning?
user avatar
  • 1,123
0 votes
1 answer
1k views

event.getSource is not a function

When trying to get a button's value on lightning component controller, I'm getting the following error: event.getSource is not a function This is the code on the component side: <lightning:...
user avatar
0 votes
2 answers
1k views

Disable Button depending on the comparison between an attribute and list size in a Lightning component

My code is the next one: <aura:attribute name="listAddress" type="List" /> <aura:attribute name="rowValue" type="Integer"/> <button class="slds-button slds-button--neutral slds-grow" ...
user avatar
  • 41
1 vote
1 answer
2k views

Enable lightning button on value entered

I have two lightning:button and a lightning:input field. What I have seen in some places is that. Some buttons are enabled only when values are entered in the text boxes. Is this achievable in ...
user avatar
  • 331
3 votes
1 answer
16k views

Create Custom Button in Lightning that calls an Apex Class Method [closed]

I am new to Lightning and I would like to create a Custom Button (or maybe an Action) that just calls a Method in an Apex Class (in which I am sending some parameters). Is this posible to do? ...
user avatar
  • 41
2 votes
1 answer
6k views

Lightning button Variant - To appear blue/white and appear center aligned

Trying to build a form and I put 2 buttons in the form. Want 1 of the button as to appear blue and other to appear white. I created below component: Searchform.cmp <aura:component > <!--...
user avatar
  • 4,581
2 votes
2 answers
10k views

How do I make a lightning:button expand horizontally to fill a div?

Is there any way to make a lightning:button expand horizontally until it fills the boundaries of its div? I've been trying for ages but nothing I try works, is it possible or is salesforce still ...
user avatar
1 vote
0 answers
795 views

Updating a field on record detail page with Lightning button [duplicate]

I am stuck with issue in Lightning. I want to do a field update on record page on click of a button, and will be showing a message to user on successfully updation of that field. Lets say, I am ...
user avatar
  • 2,851