I use the webmonthcalendar control to allow a user to select one or more dates, from the calendar.
When the mouse hovers over a date day number, the cursor changes to an I-Bar cursor. Is there a way to change this to a "pointing" cursor?
Hello hogleg,
Thank you for contacting Infragistics!
At the moment, I am not able to reproduce the behavior. Please let me know if there are customized css being applied. In addition, please let me know the version and build as well as browsers you are using.
If you have any questions, please let me know as well.
Vivian,
I created a new .net default web forms project in Visual Studio 2013.
I added a WebMonthCalendar control to the default page (set as startup page). The version of the control 12.2.20122.1007
I excluded the default site.css from the project before running.
I tested in IE10 and Google Chrome.
I have attached a PNG file showing the cursor I see positioned over the 15th of the month in the calendar.
Hello Hogleg,
I am glad you are able to move forward with your application. If you have any questions, please let me know as well.
That worked as well !!!
Thanks Vivian
I am glad you are able to move forward with the WebMonthCalendar.
As for the WebDatePicker, I am guessing that the WebMonthCalendar is set as the calendar for the WebDatePicker. If so you may revise the following css off of ig_monthcalendar.css:
.igmc_HoverDay, .igmc_HoverDay.igmc_TodayDay
{
cursor:pointer !important;
background:#cccccc;
border:1px solid #999999;
}
Looking forward to hearing from you.
Thanks for the WebMonthCalendar solution!!!
I seem to have the same issue in the WebDatePicker control.
I have tried applying the style override, as you suggested for WebMonthCalendar, to any hover css styling attribute I can find on WebDatePicker control with no luck. Any thoughts that might help me there as well?
Thank you for the additional information.
You may change the cursor on hover by overriding the default css styles via the HoverDayClassCss as follows:
<style type="text/css">
.hoverCursor
</style>
<ig:WebMonthCalendar ID="WebMonthCalendar1" runat="server">
<CssClasses HoverDayCssClass="hoverCursor" />
</ig:WebMonthCalendar>