Date picker problem

[Yoni Dagan]

At the blank page date picker control is working...
Why when i add the control at my web page i can't see the date picker pop up button?

[Dimo]

Hello Sergey,

The datepicker's popup button is an ordinary image placed inside a link, placed inside a table cell.

If you are not seeing the popup button, it is possible that some global web application styles influence the appearance and positioning of some of the button's related HTML elements.

Please inspect your web application CSS styles and try to find out whether this is the case.

If you still need help, please send us a live URL, code snippet or a simple working project, so that we can see/reproduce the issue locally and provide a more to-the-point advice. Thank you.

Sincerely yours,
Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Yoni Dagan]

The link with DatePicker not working: http://www.hypnocore.com/
The html code :

<%

@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%

@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<!

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<

html xmlns="http://www.w3.org/1999/xhtml">

<

head id="Head1" runat="server">

<

title>LogIn to sleep Pass System</title>

<

script type="text/javascript">

<!--

function

OpenSleepPassSystem()

{

//window.open("login.aspx","","fullscreen");

}

-->

</

script>

</

head>

<

body class="bg_mid">

<

form id="form1" runat="server" autocomplete="off" >

<

telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">

</

telerik:RadStyleSheetManager>

<

telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</

telerik:RadScriptManager>

<

div>

<

table class="bg_mid" width="100%" border="0" cellpadding="0" cellspacing="0">

<

tr>

<

td align="left"><asp:Image ID="login_logo" runat="server" ToolTip="HypnoCore" skinid="login_logo" /></td>

</

tr>

<

tr>

<

td height="600" align="center" valign="middle">

<

a href="#" onclick="OpenSleepPassSystem();"> <asp:Image ID="login_txt1" runat="server" skinid="login_txt1" ToolTip="Welcome to Sleep Pass System" /></a>

<br />

<telerik:RadDatePicker ID="RadDatePicker1" Runat="server"

Culture="Hebrew (Israel)" EnableTyping="False" Skin="Hay" Width="135px">

<

DateInput InvalidStyleDuration="100" labelcssclass="radLabelCss_Hay" readonly="True"

skin="Hay"></DateInput>

<Calendar Skin="Hay">

</Calendar>

<DatePopupButton BorderStyle="Solid" />

</telerik:RadDatePicker>

</

td>

</

tr>

<

tr>

<

td>

<

hr width="100%" size="1" color="#bfdcfe" />

</

td>

</

tr>

<

tr>

<

td align="left">

<

table class="bg_mid" width="375" border="0" cellspacing="7" cellpadding="0">

<

tr>

<

td class="login_txt1" width="5">|</td>

<

td class="login_txt1" align="center" width="100">About us</td>

<

td class="login_txt1" width="5">|</td>

<

td class="login_txt1" align="center" width="100">Privacy Policy</td>

<

td class="login_txt1" width="5">|</td>

<

td class="login_txt1" align="center" width="100">Contact us </td>

<

td class="login_txt1" width="5">|</td>

<

td class="login_txt1" align="center" width="75">Help</td>

<

td class="login_txt1" width="5">|</td>

</

tr>

</

table>

</

td>

</

tr>

</

table>

</

div>

</

form>

</

body>

</

html>

Thank you a head 

[Dimo]

Hello Sergey,

Thank you for sending a live URL.

The problem with the datepicker is caused by a global CSS rule in your theme's stylesheet - http://www.hypnocore.com/App_Themes/Mika/Default.css

The CSS rule, which should be modified not to influence all tables on the page, is:

table {

table-layout: fixed;

border-collapse: collapse;

}

Kind regards,
Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Yoni Dagan]

I have same in the default.css. The not deciding this problem.

[Dimo]

Hello Sergey,

I am sorry, I did not understand what you said, could you explain ?


Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Yoni Dagan]

The file default.css include below rule:
table {

table-layout: fixed;

border-collapse: collapse;

}

but I not see button. You can look the in live URL

[Yoni Dagan]

Hi Dimo!
I removed doctype from html file and now I can see button, but not in explorer
What is said?

[Yoni Dagan]

Apropos, I what doctype must be in aspx file.

[Dimo]

Hello Sergey,

I guess my previous post was not clear enough. I wanted to say that you should remove the table-layout:fixed style or change the CSS selector so that the CSS rule is not global (i.e. applied for all tables).

The recommended DOCTYPE is XHTML 1.0 Transitional.

Sincerely yours,
Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Yoni Dagan]

I removed the table-layout:fixed so that the CSS rule is not global,insert recomended doctype, but the not help.I published the in live url. You can see the.
Thanks, Sergey R.

[Dimo]

Hello Sergey,

As far as I can see, the CSS rule is still there:

table {

table-layout: fixed;

border-collapse: collapse;

}

http://www.hypnocore.com/App_Themes/Mika/Default.css

(line 404)

Please try again.


Regards,
Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Yoni Dagan]

Thank you very much for your help.
\it works now.
thanks.