Questions tagged [accordion]
Salesforce UI tweaks
34
questions
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"&...
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-...
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 ...
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 ...
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 ...
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 ...
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-...
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 ...
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 ...
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={...
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={...
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 ...
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:
...
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=&...
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 ...
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 ...
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={...
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 ?
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....
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 ...
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 ...
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="{...
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 ...
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 ...
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" ...
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. ...
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 ...
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
601
views
lightning design system toggle nested classes
Im trying to use the following markup
<lightning:accordion>
<aura:iteration items="{!v.faqs}" var="faq">
<...
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 ...
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 ...
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/...
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="...