I have a few controls along witha RadDatePicker in a grid.
When i click on the calender button, the calender opens exactly below the icon.
However, the calender opens miles below the icon when clicked after there is a postback on the grid.
Any suggestions on how to keep this fixed would help. I am pasting my code below
<
telerik:RadDatePicker ID="Datepicker" runat="server" Skin="Vista" Width="100px" >
<DateInput ID="Date" runat="server"></DateInput>
<Calendar ID="CalDate" runat="server" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" ViewSelectorText="x"></Calendar>
<DatePopupButton CssClass="rcCalPopup"></DatePopupButton>
</telerik:RadDatePicker>
This is most common in the controls in the edit mode of the grid.
12 Answers, 1 is accepted
I tried replicating the issue that you describe in our online sample on using a form template edit form but to no avail. What is different in your scenario? Can you provide a simplified version of your code which we can use to replicate the issue that you encounter in a runnable project?
Greetings,
Tsvetina
the Telerik team
Rank 1
I have managed to reproduce this in your sample code
There are 2 things different in my code.
1. I am using a Radcombobox instead of the traditional dropdownlist
2. My page does a postback when the selected index in the radcombobox changes.
3. Once the postback occurs, the calender control loses its location
Please Make the following changes: -
1. Please replace your dropdownlist with the following : -
<
telerik:RadComboBox ID="ddlTOC" runat="server" TabIndex = "7" AutoPostBack = "true" OnSelectedIndexChanged = "ddlTOC_SelectedIndexChanged">
<Items>
<telerik:RadComboBoxItem value ="0" Text ="Select" />
<telerik:RadComboBoxItem value ="1" Text ="Dr" />
<telerik:RadComboBoxItem value ="2" Text ="Mr" />
<telerik:RadComboBoxItem value ="3" Text ="Mrs" />
<telerik:RadComboBoxItem value ="4" Text ="Ms" />
</Items>
</telerik:RadComboBox>
2. My .cs file defines a selected index changed method which ideally does nothing
protected void ddlTOC_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)
{
int i;
i = 0;
i++;
}
3. Now run the example and check the date of birth and Hire date popup.4. Change the value in the Title of Courtesy radcombobox so that a postback occurs.
5. now check both fields and you will see the calender opens way below the actual location
I managed to replicate the issue following the steps that you provided. It is caused by the render mode of the update panels that RadAjaxManager generates. In this scenario it was enough to set UpdatePanelsRenderMode="Inline" in order to fix the problem.
Regards,
Tsvetina
the Telerik team
Rank 1
It still does not solve the problem in the same sample. Try chaning the dropdown a couple of times and the problem still persists. Here's how i reproduced it after putting UpdatePanelsRenderMode="Inline"
1. Change Title of courtesy from Select to Mr
2. Click on the Birth Date calender control. The problem is solved. The popup opens fine
3. Change Title of courtesy from Mr to Ms.
4. Click on the Birth Date calender control. The problem is reproduced.
Regards,
Manav
Rank 1
I tried to replicate the issue following the steps provided by you but to no avail. I tested it both in Firefox and IE 8. Am I missing anything out? Please, see the video linked below and let me know if I am doing anything wrong:
http://screencast.com/t/gInrEVpq
Regards,
Tsvetina
the Telerik team
Rank 1
The only difference I could see was that we are using IE6. I'll try putting up a screencast of our sample if possible but if not, this is the only difference I can find
Could you please confirm which version of RadControls are you using? In the Q3 release there was a problem with the datepicker control in IE6. It should be solved by either upgrading to Q3 2010 SP2 or by turning off the shadows of the datepicker.
Best wishes,
Tsvetina
the Telerik team
Rank 1
I have upgraded to the latest SP2 version but it still doesnt help the calender control. However, turning off the shadows of the datepicker did resolve the problem for the moment.
Regards,
Manav
Rank 1
i tried this in .aspx file as
<td>
<telerik:RadDateTimePicker ID="scheduledDateTime" Skin="WebBlue" runat="server" UpdatePanelsRenderMode ="inline">
<Calendar
ShowRowHeaders="false" UpdatePanelsRenderMode ="inline"/>
<TimeView
StartTime="00:00:00"
Interval="00:30:00"
EndTime="23:45:00"
Columns=2
CaptionAlign="top" />
</telerik:RadDateTimePicker>
</td>
but no luck
were you refering to any other file to use this command UpdatePanelsRenderMode ="inline"
??
Thanks and regards
Vipul Garg
NSIT (DU)
Rank 1
Hi Tsvetina,
i tried this in .aspx file as
<td>
<telerik:RadDateTimePicker ID="scheduledDateTime" Skin="WebBlue" runat="server" UpdatePanelsRenderMode ="inline">
<Calendar
ShowRowHeaders="false" UpdatePanelsRenderMode ="inline"/>
<TimeView
StartTime="00:00:00"
Interval="00:30:00"
EndTime="23:45:00"
Columns=2
CaptionAlign="top" />
</telerik:RadDateTimePicker>
</td>
but no luck
were you refering to any other file to use this command UpdatePanelsRenderMode ="inline"
??
Thanks and regards
Vipul Garg
NSIT (DU)
This is a property of the RadAjaxManager control and of each of its settings. It would be useful for you only if you encounter the same issue in a RadAjax context.
Regards,
Tsvetina
the Telerik team