I am learning the epanel and tried adding another span with an expand icon but it only rendered the same close icon.
I need to have a couple on icons using the same type of icon as e-template-icon e-expand-icon where the icon like close auto hides and shows on the right side of the row. I tried added e-icons e-search but it does not have the same function like close. The search icon shows on the left side and does not auto hide.
I looked thru the syncfusion site but but only found an example to add the close icon. Any help is appreciated. Thanks
I am using the css from the demo site
I started looking at the unicode at the https://help.syncfusion.com/js/icon/ej-icons
But when I can't figure out how you added icons into the e-panel. I changed the e100 to different unicode but no new icon is rendered
Greetings from Syncfusion support.
Based on your query, we have prepared an Angular Dashboard Layout sample with the latest version. Here, we have added the search and expanded icons in the Dashboard panel header. You can make use of the Syncfusion icons by referring to the below Syncfusion Icons library.
Check the below mentioned code snippets and sample.
<ejs-dashboardlayout id="default_dashboard" columns="5" #default_dashboard ...>
<div id="one" class="e-panel" data-row="0" data-col="0" data-sizeX="1" data-sizeY="1">
<span class="e-icons e-search"></span>
<span class="e-icons e-expand"></span>
<span id="close" class="e-template-icon e-close-icon" ... ></span> ...
For your reference, we have attached the sample. Kindly check and let us know whether the provided sample meet your requirement. Please get back to us if you need any further assistance.
Leo Lavanya Dhanaraj