[CLOSED] [0.8.2] Datefield Issue in Chrome (solved)

  1. #1

    [CLOSED] [0.8.2] Datefield Issue in Chrome (solved)

    Hi

    I know ver 0.8.2 is out of date but one of my program I've written along time ago still uses it.

    Since Chrome has released new updates(25/02/2013) the datefield is rendering incorrectly. When clicking on the icon to show the datepicker the datepicker stretches over multiple screen.

    Sample Code

    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="Tracking_Default" %>
    <%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
    <!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 runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
         <ext:ScriptManager ID="ScriptManager1" runat="server" />
         <ext:DateField FieldLabel="From Date" AllowBlank="false" Format="dd/MM/yyyy" BlankText="From Date is required"
                                                MinDate="" runat="server" ID="txtFrom" Vtype="daterange">
                                                <Listeners>
                                                    <Render Handler="this.endDateField = '#{txtTo}'" />
                                                </Listeners>
                                            </ext:DateField>
        </div>
        </form>
    </body>
    </html>
    Click image for larger version. 

Name:	datefield.PNG 
Views:	65 
Size:	19.9 KB 
ID:	5725

    Any help would be appreciated

    Thanks
    Richardt
    Last edited by Daniil; Mar 05, 2013 at 6:56 AM. Reason: [CLOSED]
  2. #2
    To those who are interested.

    Just place the following on the screen that is being effected or change your css file. This will fix the bug with chrome's new update

    <style type="text/css">
        .x-date-picker {border-color: #1b376c;background-color:#fff;position: relative;width: 185px;}
        </style>
  3. #3
    This thread may also be related to the following:

    http://forums.ext.net/showthread.php?23691
    Geoffrey McGill
    Founder

Similar Threads

  1. Replies: 6
    Last Post: Jan 09, 2013, 10:30 AM
  2. Column width issue with Chrome
    By SoftAssist in forum 1.x Help
    Replies: 2
    Last Post: Nov 12, 2012, 7:09 AM
  3. [CLOSED] Ext.Net 1.1 issue in Chrome Browser?
    By ryan.kim in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Jul 08, 2011, 9:37 PM
  4. [CLOSED] ComponentMenuItem: rendering issue in IE & Chrome
    By capecod in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Nov 08, 2010, 2:24 PM
  5. [CLOSED] Safari/Chrome issue w/ASP.NET Theming
    By randy85253 in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Dec 09, 2009, 4:26 PM

Posting Permissions