Questions tagged [accordion]

Salesforce UI tweaks

Filter by
Sorted by
Tagged with
0 votes
1 answer
36 views

Lightning layout issue when containing accordion

Im having an issue with lightning-layout / lightning-layout-item when the item contains an accordion, if I give an accordion a very long label (that exceeds the container) by default SF should ...
ravent's user avatar
  • 11
0 votes
0 answers
181 views

How to add another table inside a datatable when clicked on a row - LWC

I have a requirement to open another table on click of a lightning datatable's row accordion.I already have the datatable code present in which I have used Basic Lightning datatable.Now the ...
Hira Khan's user avatar
0 votes
1 answer
1k views

Lightning-accordion not collapse

I have a lightning-accordion that works outside a table, but when I tried to put inside a column in a table it doesn't collapse, it's possible to do that? <table class="slds-table slds-...
Alexia's user avatar
  • 81
0 votes
1 answer
685 views

How to change the color of an Accordion Label

I have an LWC that contains an Accordion with specific labels I would like to change the color of part of the label based on specific conditions For example Now what I am trying to achieve is to have ...
Ben2pop's user avatar
  • 395
0 votes
1 answer
1k views

LWC accordion - multiple variable in a Label within a loop

I have LWC that loop through data in order to create accordion items What I am looking to do is to have two variables within the Label. so something like : {dataItem.locationName} - { dataItem....
Ben2pop's user avatar
  • 395
0 votes
1 answer
4k views

Account Related Contacts in same Custom table in LWC in accordian manner

I have designed an Account and its Contacts relationship in lightning Collapsible and Accordion style where data should should be in same table columns. The data is not populating correctly since it ...
Arun Kumar's user avatar
1 vote
1 answer
665 views

Strange behaviour when hiding Lightning-accordion-section

I am opening/closing Lightning-accordion-section based on a picklist field and using the active-section-name as in this link: https://developer.salesforce.com/docs/component-library/bundle/lightning-...
some guy's user avatar
  • 141
0 votes
0 answers
644 views

Arrow in Lightning-Accordion getting missed

I have used lightning-accordion in an LWC component where the arrow mark is getting missed. The below is present in the LWC documentation: LWC Dcoumentation for lightning-accordion This is the ...
Rahul Allada's user avatar
0 votes
1 answer
740 views

Can't get element id inside aura iteration

I need to create a component like this from the image. An accordion with several sections and inside each section some radio buttons. So, if the user chooses the Other option then he will have to ...
Marcus Vinicius's user avatar
1 vote
1 answer
760 views

How to create accordion with all sections inactive by default?

I need to create an accordion where all sections must be inactive on load and will only be activated when clicked. Reading the documentation I saw that the first section will always be active by ...
Marcus Vinicius's user avatar
0 votes
2 answers
11k views

How to display 2 columns in LWC accordion section?

I have created a record edit form and I am passing fields dynamically from field sets. Below is the HTML code where it display only 1 field at a time. I want to display 2 columns instead of one. LWC ...
SFDCDJ's user avatar
  • 1,814
0 votes
1 answer
436 views

Conditional displaying error message in Lightning Accordion

I would like to display an error message regarding on JS promise. My code is this: HTML: <template for:each={test} for:item="test"> <lightning-...
CPS's user avatar
  • 335
1 vote
0 answers
286 views

How to remove element in a closed lightning-accordion from a QuerySelectorAll

I have multiple lightning-accordion-section each containing a small form I would like to do a querySelector on all my lightning-inputs to make sure that the user filled them properly. If the user ...
Sacha Dieryck's user avatar
1 vote
1 answer
584 views

LWC Accordian Component labels [closed]

I'm pretty new to development in general, but I'm trying to implement an LWC (accordian) that pulls the label from 2 different fields within our SFDC. The issue that I'm having is that when I click on ...
user21's user avatar
  • 13
0 votes
2 answers
729 views

How do I display the data in my "lightning-datatable"?

Here is my not the most ideal code, with which I got confused and can't output data to a table: //html <lightning-accordion allow-multiple-sections-open> <div for:each={...
unique user's user avatar
0 votes
1 answer
421 views

Accordion not working

Here i write a code for mobile view but for mobile only spinner is moving they will not showing anything. Meanwhile for desktop it is working fine why? <template> <template if:true={...
user91337's user avatar
0 votes
2 answers
735 views

AccordionSection Collapse all

i'm facing an issue with a button to collapse All/Expand All of a lightning accordionSection the problem is that i have a loop on the accordionSection, so the button only collapses/Expands the first ...
Reda Benhaddou's user avatar
2 votes
0 answers
677 views

LWC - When tabbing in Datatable, view scrolls up

I am creating a LWC (non-Aura) using lightning-accordion and lightning-datatable to display a list of contact related items. There are several accordion sections. I am able to do for each section: ...
user79627's user avatar
0 votes
2 answers
1k views

Aura: can I add a help text to an accordion section?

I have the following code: <lightning:accordion aura:id="accordion1" allowMultipleSectionsOpen="true"> <lightning:accordionSection name="Selected" label=&...
fred's user avatar
  • 2,783
1 vote
1 answer
3k views

Lightning Accordion Section Title Bold [duplicate]

Hello Lightning Experts, My requirement is to bold the titles so I used slds-page-header__title slds-truncate in my lightning:accordionSection tag but the sub-headers is also getting bold. What do I ...
Teja 's user avatar
  • 15
2 votes
5 answers
6k views

Can we increase the lightning-accordion-section label font size

Is it possible to change the lightning-accordion-section label font size, I tried by adding class="slds-text-heading_medium" It print like below Play Ground Expecting to increase the Font Size and ...
SFDC_Beginner's user avatar
0 votes
0 answers
205 views

Adjust layout of accordion section header - LWC

I am using an accordion LWC populating it with a list. My lightning-accordion-section tag looks like this <lightning-accordion-section key={account.accountId} name={account.accountId} label={...
wbm's user avatar
  • 1
0 votes
1 answer
863 views

there a way to have <lightning:accordion> not have a default section open on page load?

There a way to have not have a default section open on page load? Such as when the page loads all sections are closed and will only open when clicked ?
seattleguy's user avatar
0 votes
1 answer
2k views

Label in LWC Accordion

I'm attempting to customize a label in lightning-accordion. Next to the label I'm trying to place a count that populates from wrapper. <lightning-accordionSection key={account.id} name={account....
MnZ's user avatar
  • 3,152
0 votes
1 answer
3k views

Accordion in LWC

I'm attempting to build a accordion where all the contacts under each Account drill down like an accordion. I referred salesforce documentation. <template> <lightning-card title="Accounts ...
MnZ's user avatar
  • 3,152
1 vote
1 answer
1k views

Lightning Page: Can you expand all sections of an accordion?

When I go to edit a Lightning Page I can add a new accordion type component. The accordion can have different sections however only one section can be open on load. Or altogether at any one time. Is ...
Arthlete's user avatar
  • 4,855
4 votes
2 answers
10k views

How do you Expand All/Collapse All in lightning:accordion

I'm trying to Expand All/Hide All in lightning:accordion Lightning aura component. <aura:iteration items="{!v.pboW.listPb}" var="pbW"> <lightning:accordionSection name="{...
Pasan Eeriyagama's user avatar
1 vote
1 answer
822 views

Need to make entire section title clickable

I am using section expand collapse as described here -- http://sfdcmonkey.com/2019/03/05/create-expand-collapse-sections-salesforce-lightning/ I am able to use this, however it's only usable only ...
mvk1991's user avatar
  • 535
3 votes
3 answers
6k views

lightning:accordion open all sections on init

Does anyone have an idea if it's possible to open all sections in lightning:accordion on load? Do mind that all of those sections are dynamically generated so i'm not able to reference them one by one ...
LinQ's user avatar
  • 143
0 votes
1 answer
224 views

Visual force page tag in section [closed]

If I click preview, there are two sections are iterated and displayed here. If I click preview the section first has to be displayed and second section should be minimized that means not expandable. ...
user avatar
0 votes
1 answer
543 views

How to Use Aura Attribute Length Value in Lighting Accordian Section Label

Looking to use an Aura Attribute length value for a Lightning Accordion Section. Pretty basic but i can not figure out how to do the length value minus 2 within the label. I'd like to keep it as ...
Bobbygllh's user avatar
  • 721
0 votes
1 answer
2k views

How do i pass the current expanded accordion section to another component

Im completely new to lighting so I get stuck quite easily. I have looked online for examples but found none. I have created a lightning accordion that uses an aura iteration to display a list of ...
user64485's user avatar
1 vote
1 answer
747 views

lightning design system toggle nested classes

Im trying to use the following markup <lightning:accordion> <aura:iteration items="{!v.faqs}" var="faq"> <...
JPG's user avatar
  • 198
5 votes
1 answer
8k views

Lightning Accordion does not close section [closed]

Is it possible to close an accordion section kinda like a expandable section or do i have only the option to swap between them edit: I want to be able to close an open section instead of just opening ...
Aka's user avatar
  • 95
7 votes
1 answer
5k views

Lightning: How to open a newly-added accordion section?

Assume the following pseudo-markup: <component> <attribute recordList/> <button label="Add" onclick="{!c.addRec}"/> <accordion> <iterate over recordList ...
Mossi's user avatar
  • 3,906
0 votes
0 answers
1k views

How to implement accordian in lightning?

Please help me in how to implement Lightning Accordian component. I tried one solution from Internet but it is not working. Will you please share some examples of it? Accordian.cmp- <aura:...
rani rube's user avatar
0 votes
1 answer
2k views

Accordion doesn't collapse using <apex:repeat in a VF Page

I was looking to implement the accordion in visualforce page and found this link and i like it and when I try to implement on my page having <apex:Repeat> then the accordion does not collapse/...
Nick's user avatar
  • 6,934
0 votes
0 answers
416 views

Rerender jquery accordion is not working properly

I am trying to reRender my accordion panel which is not working. On page load accordion works but on selection of object from object picklist it does not. Page Code : <apex:page controller="...
Arjun Khatri's user avatar
  • 1,328