Hi,
I am trying to figure out to which icon collection this example is referring when trying to display an icon for the gender column and how to include the appropriate files. I noticed that even the running example at stackblitz doesn't display the gender icon properly. And the online example in the documentation doesn't provide the full source in order to find out which stylesheets get imported. Currently I am using the material stylesheets. I am missing an appropriate entry for including icons in the ej2 documentation like in the ej1 documentation.
<ng-template #template let-data>
<div>
<div class="empimg">
<span *ngIf="data.EmployeeImg === 'usermale'" class="e-userimg sf-icon-Male">
</span>
<span *ngIf="data.EmployeeImg === 'userfemale'" class="e-userimg sf-icon-FeMale">
</span>
</div>
<span id="Emptext">{{data.Employees}}</span>
</div>
</ng-template>
@Component({
selector: 'ej-gridbatchedit',
templateUrl: 'over-view.html',
styleUrls: ['./overview.style.css'],
providers: [FilterService,VirtualScrollService]
})
.empimg{
height: 27px;
width: 29px;
border-radius: 14px;
background-color:#e3165b;
}
.e-userimg.sf-icon-Male::before,
.e-userimg.sf-icon-FeMale::before{
font-size: 13px;
}
.e-userimg.sf-icon-Male, .e-userimg.sf-icon-FeMale {
margin: 0px 8px;
line-height: 26px;
color: white;
font-size: 13px;
}
.e-userimg.sf-icon-Male::before{
content: '\e700'; <-- where is the content coming from ??
}
.e-userimg.sf-icon-FeMale::before{
content: '\e701';
}
