RadDatePicker Table Border Visible

[Matt]

In IE 7 the table border is displaying when using the RadDatePicker control. I have tried everything to get rid of the border that I can think of or that has been suggested in other forum threads. CSS has no effect whatsoever. I noticed that if I save the html source and set-up the stylesheets and images to be accessible, that the border disappears only when I add border="0" in the table declaration within the div wrapper. The rendered source that I changed is shown below. I left in the hidden input and version comment to give you some context for where to find the issue. I am not sure why this is happening. I am using the Visual Studio 2008 Dynamic Data Entities project and ONLY changing the DateTime_Edit.ascx control to use the RadDatePicker instead of the standard textbox and validators.

<!-- 2008.2.723.35 --><input style="visibility: hidden;display:block; float:right;margin:0;width:1px;height:1px;overflow:hidden;border:0;padding:0;" id="ctl00_ContentPlaceHolder_DetailsView1___CreateDateTime_RadDatePicker" name="ctl00$ContentPlaceHolder$DetailsView1$__CreateDateTime$RadDatePicker" type="text" value="" /><table cellpadding="0" cellspacing="0" border="0" style="border-width:0;border-collapse:collapse;width:100%;">

[Dimo]

Hello Matt,

It looks like the date picker is inheriting border styles from another control (if the date picker is placed inside a RadGrid for example) or from the global web application styles.

You can try moving the date picker to another location on your web page, in order to try to find out which of the two conditions is causing the problem. Also, make sure that you are setting the date picker's Skin property and not just the Calendar-Skin property (if you set the former, you don't need the latter).

Web development tools such as Firebug are very valuable when tracing such CSS-related issues.

If the problem persists, please send us some sample code, so that we can reproduce the issue locally and give advice.


All the best,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Matthew Bishop]

Hey Matt, I dont know if this helps at all, but I think I had the same problem. For me it was when I have a shared calander on the page, but there was no calander using it.

I solved it by having a table in a hidden div and adding a calander to it. That way the table is hidden and the border on the rad calander disappears.

It may not be the correct fix, but it works :)

Hope this helps

eg

---

C#:
private void noCalander()
{
    TableRow tr = new TableRow();
    TableCell tc = new TableCell();
    RadDatePicker dp = new RadDatePicker();
    dp.ID = "dummyCalander";
    dp.SharedCalendar = RadCalendar1;
    tc.Controls.Add(dp);
    tr.Cells.Add(tc);
    dummyRadCalanderHolder.Rows.Add(tr);
}

---

ASPX
<div id="radCalanderHolder" style="visibility: hidden">
<asp:Table ID="dummyRadCalanderHolder" runat="server"></asp:Table>
</div>