Hi Dan,
Thanks for contacting Syncfusion support.
We did not add those icons in widgets.core.min.css file. So, that icons are not referred. You need to refer that icons manually in your CSS file and customize classes based on your application. Refer to the following code example:
|
[style]
<style>
@font-face {
font-family: 'ej-xlfont';
src: url('../../common-images/tools/icons.eot');
src: url('../../common-images/tools/icons.eot') format('embedded-opentype'), url('../../common-images/tools/icons.woff') format('woff'),url('../../common-images/tools/icons.woff') format('woff'), url('../../common-images/tools/icons.ttf') format('truetype'), url('../../common-images/tools/icons.svg') format('svg');
font-weight: normal;
font-style: normal;
}
.e-home:before {
font-family: "ej-xlfont";
content: "\e900";
}
.e-profile:before {
font-family: "ej-xlfont";
content: "\e901";
}
.e-people:before {
font-family: "ej-xlfont";
content: "\e902";
}
.e-photos:before {
font-family: "ej-xlfont";
content: "\e903";
}
.e-communities:before {
font-family: "ej-xlfont";
content: "\e904";
}
.e-location:before {
font-family: "ej-xlfont";
content: "\e905";
}
.e-home, .e-profile, .e-people, .e-photos, .e-communities, .e-location {
font-size: 24px;
color: black;
}
</style> |
We have modified your sample. Refer to the following sample:
Please let us know if you need any further assistance.
Regards,
Selvamani S.
