Hi Preetha,
Thanks for your interest in Syncfusion products.
You can apply styles to the toolbar using ToolBarItemLook as mentioned in the code below:
ToolBarItemLook lookcommon = new ToolBarItemLook();
lookcommon.ID = "lookcommon";
lookcommon.StateDataActive.ItemCSSClass = "Hover_ItemCSS";
lookcommon.StateDataActive.ImageContainerCSSClass = "Def_ImgCont";
lookcommon.StateDataActive.ImageCSSClass = "Def_Img";
lookcommon.StateDataActive.TextCellCSSClass = "Def_TextCell";
lookcommon.StateDataActive.TextCSSClass = "Def_TextCont";
lookcommon.StateDataActive.ImageCellCSSClass = "Def_ImgCell";
lookcommon.StateDataDefault.ItemCSSClass = "Def_ItemCSS";
lookcommon.StateDataDefault.ImageContainerCSSClass = "Def_ImgCont";
lookcommon.StateDataDefault.ImageCSSClass = "Def_Img";
lookcommon.StateDataDefault.ImageCellCSSClass = "Def_ImgCell";
lookcommon.StateDataDefault.TextCellCSSClass = "Def_TextCell";
lookcommon.StateDataDefault.TextCSSClass = "Def_TextCont";
lookcommon.StateDataHover.ItemCSSClass = "Hover_ItemCSS";
lookcommon.StateDataHover.ImageContainerCSSClass = "Def_ImgCont";
lookcommon.StateDataHover.ImageCSSClass = "Def_Img";
lookcommon.StateDataHover.ImageCellCSSClass = "Def_ImgCell";
lookcommon.StateDataHover.TextCellCSSClass = "Def_TextCell";
lookcommon.StateDataHover.TextCSSClass = "Def_TextCont";
lookcommon.StateDataPushed.ItemCSSClass = "Active_ItemCSS";
lookcommon.StateDataPushed.ImageContainerCSSClass = "Def_ImgCont";
lookcommon.StateDataPushed.ImageCSSClass = "Def_Img";
lookcommon.StateDataPushed.TextCellCSSClass = "Def_TextCell";
lookcommon.StateDataPushed.TextCSSClass = "Def_TextCont";
lookcommon.StateDataPushed.ImageCellCSSClass = "Def_ImgCell";
toolbar1.ItemLooks.Add(lookcommon);
Please refer the sample in the link below which illustrates the above:
http://websamples.syncfusion.com/samples/Tools.Web/6.2.0.40/Tools_ASP_toolbaritemlooks/main.htm
Please try running the sample and let me know if this helps.
Regards,
Janagan.