Skip to Content (Press Enter)
UserImage.jpg
Sarvigaa Arivalagan
85Views
5Comments
Solved
 Accordion - OutSystems 11
Question
Reactive
OutSystems 11
OutSystems UI
OutSystems UI Patterns
Application Type
Reactive

Hi Team,

I have added the accordion item in the FAQ page and I want to change the border color and expandable arrow color which is specified in the below screenshot. I just want to replace the color with #88d37c. Please help me to find out the solution. 




0
0
20 May 2022
Copy Link
2019-07-01 07-16-04
Vinod Patidar
Solution

Hi Sarvigaa,

Please add below CSS in your screen Style Sheet -

https://personal-itafqtdv.outsystemscloud.com/SampleExcel/AccordionSample


:root {   
    
    --color-accordion: #88d37c;
}

.section-expandable .section-expandable-icon {
    color: var(--color-accordion);
}

.section-expandable.is--open {
    border-top: var(--border-size-m) solid var(--color-accordion);
}


Thanks

Vinod


1
0
20 May 2022
Copy Link
UserImage.jpg
Sarvigaa Arivalagan

Hi Vinod,

Thank you so much for your help. It will worked perfectly (y)

0
0
20 May 2022
Copy Link
2019-07-01 07-16-04
Vinod Patidar

Use this CSS -

:root {   
    
    --color-accordion: #88d37c;
}

.section-expandable .section-expandable-icon {
    color: var(--color-accordion);
}

.section-expandable.is--open {
    border-top: var(--border-size-m) solid var(--color-accordion);
}
0
0
20 May 2022
Copy Link
2021-12-30 04-42-54
shweta chaudhari

Hi @Sarvigaa Arivalagan 

Please find the attached "Accordion.jpg"

I hope this will help you to understand.

Regards,

shweta

Accordion.jpg
0
0
20 May 2022
Copy Link
UserImage.jpg
Sarvigaa Arivalagan

Thank you for your concern Shweta. I fixed the error.

0
0
20 May 2022
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.