When I drop a webdatepicker on a webpage, I don't see the spin buttons (seeing placeholders instead) and it's missing the default styles? I'm using 2010 Vol.1 controls.
Am I missing any additional settings?
Thanks,
Ramesh
Hi Ramesh,
Probably webdatepicker can not find resources. By default the resources should be located at local to project ig_res/Default directory. Directory should contain css files and images. That default location can be changed. By default those settings are defined in web.config by something like below
<infragistics.web styleSetName="Default" styleSetPath="~/ig_res" />
I suggest you to look at source of generated html, find <img> objects used for spin buttons and look at their src. Files referenced by that should be accessible from server. You also may check if <link> with css files point to correct location (available from server).You also may use debuger and other tools, like "Developer Tools" in IE8 and inspect properties/styles of html elements of spin buttons.
Hi Viktor,
I don't see this line in my web.config. Do I add it manually?
I don't see ig_res directory in my web project either?
I thought infragistics controls looks for images in \ig_common?
The Infragistics.Web.UI controls rely on css classes (by default located at local to project ig_res/*.* directory). If you drop any control on page at visual design, then appstyling manager should check presence of that directory and corresponding record in web.config. If there are none, then it should show dialog with warning and suggestion to automatically fix that.If while designing your page, there was was no such behavior, then it is rather strange. Maybe dlls were not installed in GAC, or some other problems. Or you designed your page by manual typing-in all tags.
Sure you may fix web.config manually and manually copy to your project ig_res with all required files.
Below are 2 required lines related are related to appstyling:
<configuration> <configSections> ... <section name="infragistics.web" type="System.Configuration.SingleTagSectionHandler,System, Version=1.0.3300.0, Culture=neutral, PublicKeyToken=b77a5c561934e089"/> </configSections> ... <infragistics.web styleSetName="Default" styleSetPath="~/ig_res" /> ...</configuration>
I too am seeing this issue - I have an override of the style set path configured both in web.config and in the WebDatePicker - I am using the Windows7 style set and have the style locally within my solution - the control style without the calendar flyout shows fine (i.e. the dropdown button has the right image), but when I dropdown the calendar the css classes that are supposed to be used, event though they appear in the source are not being applied so there is no background to the calendar (transparent) and the font is all screwed up.
Hi majensen,
If I understood correctly, then you have missing styles for shared drop-down calendar used by a date picker. If it is the case, then it is completely different issue. The appearance of that calendar is defined by styleSetName and styleSetPath in web.config. If you customized style properties of a specific WebDatePicker, then its calendar will use defaults. Because page may contain multiple date pickers with different settings, and shared calendar is not able to synchronize its styles with all possible date pickers.If you want to adjust appearance of drop-down calendar to be different from default setting in web.config, then you have 2 options.
1. Add to your page WebMonthCalendar, set its ID to the DropDownCalendarID property of WebDatePicker, and modify StyleSetName/Path properties of that calendar. That explicit calendar can be used by any number of date pickers.
2. Modify properties of shared drop-down calendar, but all date pickers which use shared calendar will have it. In order to get reference to shared calendar, you may use FindSharedCalendar() method and in order to ensure that shared calendar is created by the time of your call, you should use EnsureSharedCalendar method as well. Below is example:
protected void Page_Load(object sender, EventArgs e){ Infragistics.Web.UI.EditorControls.WebDatePicker.EnsureSharedCalendar(this); Infragistics.Web.UI.EditorControls.WebMonthCalendar cal = this.WebDatePicker1.FindSharedCalendar(); if (cal != null) cal.StyleSetName = "Claymation";}