Questions tagged [accordion]

Salesforce UI tweaks

Filter by
Sorted by
Tagged with
0 votes
1 answer
79 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....
  • 325
0 votes
1 answer
789 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 ...
0 votes
0 answers
62 views

LWC component using accordion when displayed in Visualforce page using lightning out shows lot of blank lines between sections

<template> <lightning-layout multiple-rows="true"> <lightning-layout-item size="10"> <lightning-accordion class="myaccordion"&...
1 vote
1 answer
231 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-...
0 votes
0 answers
299 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 ...
  • 29
0 votes
1 answer
166 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 ...
1 vote
1 answer
204 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 ...
1 vote
2 answers
3k 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 ...
0 votes
1 answer
232 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-...
  • 185
1 vote
0 answers
82 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 ...
1 vote
1 answer
335 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 ...
  • 13
0 votes
2 answers
301 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={...
0 votes
1 answer
170 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={...
0 votes
2 answers
360 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 ...
2 votes
0 answers
444 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: ...
0 votes
2 answers
732 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=&...
  • 825
1 vote
1 answer
2k 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 ...
  • 15
2 votes
3 answers
4k 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 ...
0 votes
0 answers
140 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={...
  • 1
0 votes
1 answer
526 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 ?
0 votes
1 answer
1k 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....
  • 3,122
0 votes
1 answer
2k 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 ...
  • 3,122
1 vote
1 answer
745 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 ...
  • 4,531
4 votes
2 answers
8k 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="{...
1 vote
1 answer
585 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 ...
  • 515
3 votes
3 answers
4k 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 ...
  • 143
0 votes
2 answers
2k views

Lightning Accordion Multiple Sections not Opening upon Load

I am trying to get my Lightning Accordion component to open all the sections at once. Per the Component library that can be done by having a List attribute <aura:attribute name="activeSections" ...
  • 711
0 votes
1 answer
193 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. ...
's user avatar
0 votes
1 answer
341 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 ...
  • 711
0 votes
1 answer
1k 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 ...
1 vote
1 answer
634 views

lightning design system toggle nested classes

Im trying to use the following markup <lightning:accordion> <aura:iteration items="{!v.faqs}" var="faq"> <...
  • 178
5 votes
1 answer
6k 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 ...
  • 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 ...
  • 3,826
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:...
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/...
  • 6,712
0 votes
0 answers
373 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="...
  • 1,308