- This topic has 2 replies, 2 voices, and was last updated 1 month, 2 weeks ago by .
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- You must be logged in to reply to this topic.
JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Menu & Tree › Smart Menu Item from Datasource not get custom css
Tagged: Angular, smart menu
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
Hi,
if you need help, do not hesitate to write!
Best Regards,
Svetoslav Borislavov
Smart UI Team
https://www.htmlelements.com/