Hi Carlo,
We have analyzed your query with the provided sample. We suspect that, this issue “when try to click on the right arrow, nothing happens in datepicker control” might have occurred because the css which is overwritten from the “Site.css” file
To resolve this issue, please comment out the below code site.css which is referred in Bundle.config file in App_Start folder,
<code>
bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css"));
</code>
We have modified your sample based on this and please find the sample under the following location,
Sample: Sample
If still you face any problem, please revert us by modifying the sample based on your application along with replication procedure. This would be helpful for us to serve you.
Please let us know if you have further queries.
Regards,
Kasithangam
Hi Carlo,
Thanks for your update.
In order to ensure site.css affects our control please share us the list of the Syncfusion components which you are using in your application. We will check and ensure the details. We can overwrite the css of the component using an API called “CssClass”. We have to specify a class name for “CssClass” property as shown in the following code snippet.
<code>
@(Html.EJ().DatePicker("DatePicker").CssClass("vista"))
</code>
After setting CssClass, we have to apply styles to the class in the style section as shown below.
<code>
.vista a:hover, .vista a:active {
padding-left: 0px;
padding-right: 0px;
}
</code>
We can customize the style according to our need. We have prepared the sample based on your requirement and the same can be downloaded from the following location.
http://www.syncfusion.com/downloads/support/forum/119713/testDatePicker-182443818.zip
Please let us know if you have further queries.
Regards,
Saranya.S
Hi Carlo,
Thanks for your update.
We have checked the reported controls (Checkbox,Datepicker,DateTimepicker,Timepicker,Dropdownlist,Radiobutton, Button) against site.css file and it is working fine except the DatePicker and DateTimePicker control as you have reported in the query. As we have said in the previous update we can overcome this by overwriting the style section of DatePicker and DateTimePicker control using the API called “CssClass”.
We have also analyzed the Grid control with referring site.css and found that there is no issue will occur in Grid control while using Site.css file in your application.
For your reference we have created a sample with enabled major features like editing, scrolling, filtering and etc… and the same can be downloaded from the following link.
Sample Link: SampleDemo
Please let us know if you have any other queries.
Regards,
Saranya.S