Questions tagged [accordion]
Salesforce UI tweaks
38
questions
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 ...
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 ...
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-...
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 ...
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....
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 ...
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-...
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 ...
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 ...
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 ...
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 ...
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-...
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 ...
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 ...
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={...
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={...
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 ...
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:
...
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=&...
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 ...
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 ...
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={...
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 ?
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....
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 ...
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 ...
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="{...
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 ...
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 ...
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. ...
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 ...
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 ...
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">
<...
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 ...
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
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="...