Hide Icon in Accordion Item

Back to Forums

IQ78

Solved

Question

OutSystems UI

Hi there,

i am wondering:

how to hide this accordion item icon?

thanks

09 Mar 2023

IQ78

Solution

thank u all,

my mate has solved it by putting:

.section-expandable-icon { display: none;}

thanks

See solution in context

09 Mar 2023

Gitansh Anand

Hi @Indra Budiantho, Just add a custom class in your accordion and then add the below CSS.

.custom-accordian .osui-accordion-item__icon {
display: none;
}

The solution will work without the custom class but it is best practice.

Thanks
Gitansh Anand

09 Mar 2023

4 replies

Last reply 09 Mar 2023

Show thread

Hide thread

IQ78

Hi, thanks u

I tried, but it is still there. I have followed to put the css and then use it inthe Content Acoordion:

thanks

09 Mar 2023

Gitansh Anand

Replying to Indra Budiantho's comment on 09 Mar 2023 05:12:00

Hi, May be you are using a different version of OutSystemsUI. Can you provide the URL of your page so that I can inspect it and give you the correct CSS that will work for you?

09 Mar 2023

IQ78

Replying to Gitansh Anand's comment on 09 Mar 2023 05:20:12

Sorry, i cannot give the URL because it belongs to client and it is in the cloud:

and the accordion is inside a block and also in a popup window.

thanks

09 Mar 2023

Gitansh Anand

Replying to Indra Budiantho's comment on 09 Mar 2023 05:28:45

Hi, Just try to do this: open dev tools, start the inspect element, hover over the arrow icon, see what class is applied to it, and replace the one I used with what you find.