Questions tagged [accordion]

Salesforce UI tweaks

Filter by
Sorted by
Tagged with
0 votes
0 answers
22 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"&...
user avatar
1 vote
1 answer
67 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-...
user avatar
0 votes
0 answers
91 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 ...
user avatar
  • 13
0 votes
1 answer
50 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 ...
user avatar
1 vote
1 answer
43 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 ...
user avatar
1 vote
2 answers
963 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 ...
user avatar
0 votes
1 answer
76 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-...
user avatar
  • 147
1 vote
0 answers
44 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 ...
user avatar
1 vote
1 answer
200 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 ...
user avatar
  • 13
0 votes
2 answers
131 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={...
user avatar
0 votes
1 answer
98 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={...
user avatar
0 votes
2 answers
217 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 ...
user avatar
2 votes
0 answers
341 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: ...
user avatar
0 votes
2 answers
627 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=&...
user avatar
  • 796
0 votes
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 ...
user avatar
2 votes
3 answers
3k 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 ...
user avatar
0 votes
0 answers
128 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={...
user avatar
  • 1
0 votes
1 answer
368 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 ?
user avatar
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....
user avatar
  • 3,101
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 ...
user avatar
  • 3,101
1 vote
1 answer
590 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 ...
user avatar
  • 4,441
4 votes
2 answers
7k 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="{...
user avatar
1 vote
1 answer
527 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 ...
user avatar
  • 497
3 votes
3 answers
3k 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 ...
user avatar
  • 143
0 votes
2 answers
1k 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" ...
user avatar
  • 701
0 votes
1 answer
178 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
275 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 ...
user avatar
  • 701
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 ...
user avatar
1 vote
1 answer
601 views

lightning design system toggle nested classes

Im trying to use the following markup <lightning:accordion> <aura:iteration items="{!v.faqs}" var="faq"> <...
user avatar
  • 168
4 votes
1 answer
5k 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 ...
user avatar
  • 85
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 ...
user avatar
  • 3,754
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:...
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/...
user avatar
  • 6,559
0 votes
0 answers
357 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="...
user avatar
  • 1,298