Hi Velkumar,
Thanks for your update.
Query1: It is possible to customize the current tabs style format to box types style format (Ex:- Gmail inbox tabs). like below
We have used box type style format in tab component in bootstrap theme.
Query2: Possible to reduce the tabs navigation animate duration or remove the navigation animation?
You can remove the tab animation by setting ‘effect’ as ‘None’ using created event.
Query3: It is possible to add extra tabs with different content template in run time?
Yes. It is possible to add extra tab with different content template.
Query4: I'm struggling to use base64 icon fonts. How do we add any extra style for icon fonts. Here i attached my sample project "syncfusion demo.zip"
By default, we have added base 64 icon fonts. If you wish to add extra font icons, you can add the customized icons using third party and use into tab control.
Please let us know if you are facing any console error or the screen of the issue you are facing. So that we can check further and update you the solution accordingly.
Query5: How to add the extra icon fonts our projects
We can add font awesome icons into tab component. Please find the below link.
Query6: How to add the Data grid item more lines and add different text colors for single rows
We have analyzed your requirement and you can achieve this by using queryCellInfo event of Grid. In the below, we have add different text color for the $ symbol of Freight column in Grid.
Please find the below code example and modified sample for more information.
|
<ejs-grid [dataSource]='data' (queryCellInfo)='queryCellInfo($event)' [allowPaging]="true" [allowSorting]="true" [pageSettings]="pageSettings"
[enablePersistence]='true' [searchSettings]='searchOptions' [toolbar]='toolbarOptions' >
<e-columns>
<e-column field='Freight' headerText='Freight' textAlign='Right' format='C2' width=90></e-column>
</e-columns>
</ejs-grid>
|
|
queryCellInfo(args) {
if(args.column.field === 'Freight'){
let dollar= args.cell.innerText.slice(0,1);
let freight = args.cell.innerText.substring(1);
args.cell.innerHTML = `<span style='color: #ff0000'>${dollar}</span>${freight}`;
}
}
|
Query7: It is possible to Drag and drop with list of input box,text area box and custom templates.
Could you please provide more information or below details regarding your requirement. It will be helpful for further analysis and to provide a better solution as soon as possible.
- Do you want to drag the input/text box and drop to grid columns.
- If possible share video and demonstrate your requirement(what you need or expected output)
Query8: If there any sample projects with all UI controls in syncfusion.
We suggest you to refer the demo sample(if you are already installed the build) from the below location. In the below location we have sample for all web UI controls of Syncfusion Essential JavaScript2.
Demo sample location: <C:\Users\Public\Documents\Syncfusion\JavaScript - EJ2\xx.x.x.xx\Angular>
Regards,
R.Dhivya
