Smart Menu Item from Datasource not get custom css

[Andrea Durando]

Hi all,

I create a smart menu in Angular,

the items are created using the dataSource attributes but when i try in my css to custoimize the selected item it do not get check the element.

So in my html

<smart-menu #menu id=”menu” [dataSource]=”dataSource” [checkable]=”true” [mode]=”‘vertical'” (onItemClick)=”onClickItem($event)”/>

My Css:

smart-menu {
width: 100%;
height: auto;
border: none;
background-color: olivedrab;
smart-menu-item {
background-color: yellow;
&[checked] {
background-color: red;
}
}
}

The thing that i noticed is that if i set the menu item in the HTML it work fine but if i pass it by dataSource do not work, any suggestion on how resolve it

• This topic was modified 1 year, 9 months ago by Andrea Durando.

[Andrea Durando]

After do some more test it start working now,
I do not know why, but I suspect that was a CSS cache problem

[svetoslav_borislavov]

Hi,

if you need help, do not hesitate to write!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts