Date picker problem

13 posts, 0 answers
  1. Yoni Dagan
    Yoni Dagan avatar
    45 posts
    Member since:
    Sep 2009

    Posted 10 Jun 2008 Link to this post

    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?
  2. Dimo
    Admin
    Dimo avatar
    8472 posts

    Posted 10 Jun 2008 Link to this post

    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
  3. Yoni Dagan
    Yoni Dagan avatar
    45 posts
    Member since:
    Sep 2009

    Posted 11 Jun 2008 Link to this post

    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 

  4. Dimo
    Admin
    Dimo avatar
    8472 posts

    Posted 11 Jun 2008 Link to this post

    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
  5. Yoni Dagan
    Yoni Dagan avatar
    45 posts
    Member since:
    Sep 2009

    Posted 11 Jun 2008 Link to this post

    I have same in the default.css. The not deciding this problem.
  6. Dimo
    Admin
    Dimo avatar
    8472 posts

    Posted 11 Jun 2008 Link to this post

    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
  7. Yoni Dagan
    Yoni Dagan avatar
    45 posts
    Member since:
    Sep 2009

    Posted 11 Jun 2008 Link to this post

    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
  8. Yoni Dagan
    Yoni Dagan avatar
    45 posts
    Member since:
    Sep 2009

    Posted 11 Jun 2008 Link to this post

    Hi Dimo!
    I removed doctype from html file and now I can see button, but not in explorer
    What is said?
  9. Yoni Dagan
    Yoni Dagan avatar
    45 posts
    Member since:
    Sep 2009

    Posted 11 Jun 2008 Link to this post

    Apropos, I what doctype must be in aspx file.
  10. Dimo
    Admin
    Dimo avatar
    8472 posts

    Posted 12 Jun 2008 Link to this post

    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
  11. Yoni Dagan
    Yoni Dagan avatar
    45 posts
    Member since:
    Sep 2009

    Posted 12 Jun 2008 Link to this post

    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.
  12. Dimo
    Admin
    Dimo avatar
    8472 posts

    Posted 12 Jun 2008 Link to this post

    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
  13. Yoni Dagan
    Yoni Dagan avatar
    45 posts
    Member since:
    Sep 2009

    Posted 12 Jun 2008 Link to this post

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