Questions tagged [lightning-buttonicon]

The tag has no usage guidance, but it has a tag wiki.

Filter by
Sorted by
Tagged with
1
vote
3answers
107 views

How to color the utility icons in lightning datatable in LWC?

I have the below data table where I have two icons. I want to change the color to blue instead of grey. The variant property is not helpful. How do I do that? HTML: <div class="myTable"&...
2
votes
0answers
19 views

Any way to make button-icon icons in a lightning-data table smaller?

I've tried e.g.: { type: 'button-icon', typeAttributes: { iconName: 'utility:jump_to_bottom', variant: 'brand', ...
1
vote
1answer
199 views

How to make columns lwc lightning-datatable dynamic with button-icon

I have a lwc component with a lightning-datatable with the first column as a button-icon. This works when the columns are defined as a constant. Constant working const columns = [ { label: ...
0
votes
0answers
156 views

Chat Icons Missing - Refused to get unsafe header "Server Timing" Error

We are missing the minimize and close icons inside the chat window. I've changed the background to white / black and they are still missing so it's not a CSS issue. Inside my console I'm getting a &...
4
votes
1answer
960 views

how to solve the warning "Clickable images, Lightning button icons, and form elements require labels for mobile users." in LWC html file?

When I write the code below in the LWC html file, the waring Clickable images, Lightning button icons, and form elements require labels for mobile users. is shown. Anyone knows how to solve it? My ...
0
votes
2answers
4k views

How to select a element using querySelector that has dynamic name?

I have a lightning-button-icon with dynamic name and i want to update its selected attribute based on the name. Can someone tell me how can i do that? my code (UPDATED): <lightning-layout-item size=...
0
votes
1answer
2k views

Lightning button icon without border

Is it possible to remove the border on a lightning button icon when it clicked? <lightning:buttonIcon iconName="utility:dislike" variant="bare" onclick="{!c.downVote}" size="medium"" <...
0
votes
1answer
885 views

Display values on click on lightning button icon

I am using a lightning button icon in an html table in Salesforce Lightning Component just like the example given in the documentation. https://developer.salesforce.com/docs/component-library/bundle/...
1
vote
2answers
512 views

lightning buttonIcon are not displaying

I wanted to save some space and trade out the standard buttons with labels for x-small button icons. I originally had the buttons in a grid col, and when I changed to just lightning:buttonIcon they ...
4
votes
1answer
4k views

Dynamic Button Icons in a Data Table Similar to Dynamic Actions in a Data Table

It's possible to have actions for each row in a data table that change depending on the contents of the rows (that are changed by those very actions). For example: The component reference provides ...
0
votes
1answer
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 ...
4
votes
1answer
2k views

lightning:buttonIcon not showing the icon (iconName) in Winter 18

The code snippet below is directly out of the Dreamhouse app's MapCard component. It's supposed to show the close icon (X) at the top right conner of the dialog box. It works like a charm when it is ...
1
vote
2answers
780 views

lightning:buttonIcon causes "Invalid page"

I would like to use <lightning:buttonIcon /> to my component, like so: <component> <lightning:buttonIcon iconName="utility:delete" /> </component> But whenever I add ...
0
votes
2answers
446 views

Button Group with more icons LDS

I'm trying to add Button Group with more icons in to my LDS VF page. Here's what I'm trying. (directly copied from the documentation) <div class="slds-button-group" role="group"> <button ...
4
votes
1answer
3k views

Assistive text for lightning button

I have a lightning button as: <lightning:buttonIcon iconName="utility:clear" size="large" variant="bare" alternativeText="Remove" onclick="{! c.removeEntry }"/> On mouse hover , I want it to ...