[CLOSED] DateField Calendar Issue

  1. #1

    [CLOSED] DateField Calendar Issue

    Hi
    I encountered this issue, could you give me help? There are a few field with DateFiled type, and *all these field wrappered by formpanel. Please review the attachment, the calendar was truncated.


    	<ext:FormPanel runat="server" BodyBorder="false" ID="advReportFilterFormPanel" AutoScroll="false">
            <Body>
                <ext:FormLayout 
                    LabelWidth="200" 
                    LabelStyle="text-align:right;padding-right:20px;font-weight:bold;"
                    runat="server">
                    <ext:Anchor>
                        <ext:ComboBox 
                            ID="advPatientComboBox" 
                            runat="server"
                            StoreID="advPatientsStore" 
                            FieldLabel="Patient Name"
                            TypeAhead="true"
                            Editable="false"
                            TriggerAction="All"
                            LazyRender="true"
                            Width="170"
                            ListWidth="188" 
                            EmptyText="Loading..." 
                            DisplayField="name"
                            ValueField = "id"
                            ValueNotFoundText="Loading...">
                        </ext:ComboBox>
                    </ext:Anchor>
                    <ext:Anchor>
                        <ext:ComboBox 
                            ID="advProcedureCodeComboxBox" 
                            runat="server"
                            StoreID="advProcedureCodesStore"
                            FieldLabel="Procedure Code" 
                            Width="250"
                            ListWidth="268"
                            Editable="false"
                            TypeAhead="true"
                            TriggerAction="All"
                            LazyRender="true"
                            DisplayField="name"
                            ValueField = "id"
                            ValueNotFoundText="Loading...">
                        </ext:ComboBox>
                    </ext:Anchor>
                    <ext:Anchor>
                        <ext:DateField 
                            ID="advClaimCreationBeginDateField" 
                            runat="server" 
                            FieldLabel="Claim Creation Begin Date"
                            Vtype="daterange" 
                            Format="m/dd/Y"
                            Truncate="false" 
                            Width="170">
                            <Listeners>
                                    <Render Handler="this.endDateField = '#{advClaimCreationEndDateField}'" />
                            </Listeners>  
                        </ext:DateField>
                    </ext:Anchor>
                    <ext:Anchor>
                        <ext:DateField
                            ID="advClaimCreationEndDateField"
                            runat="server"
                            FieldLabel="Claim Creation End Date"
                            Truncate="false"
                            Vtype="daterange"
                            Format="m/dd/Y"
                            Width="170">
                            <Listeners>
                                    <Render Handler="this.startDateField = '#{advClaimCreationBeginDateField}'" />
                            </Listeners> 
                        </ext:DateField>
                    </ext:Anchor>
                    <ext:Anchor>
                        <ext:DateField
                            ID="advServiceBeginDateField"
                            runat="server"
                            FieldLabel="Service Begin Dates"
                            Vtype="daterange"
                            Format="m/dd/Y" 
                            Width="170"
                            Truncate="false" >
                            <Listeners>
                                    <Render Handler="this.startDateField = '#{advServiceEndDateField}'" />
                            </Listeners>
                         </ext:DateField> 
                    </ext:Anchor>
                    <ext:Anchor>
                        <ext:DateField
                            ID="advServiceEndDateField"
                            runat="server"
                            FieldLabel="Service End Date"
                            Vtype="daterange"
                            Format="m/dd/Y" 
                            Width="170"
                            Truncate="false" >
                            <Listeners>
                                    <Render Handler="this.startDateField = '#{advServiceBeginDateField}'" />
                            </Listeners>
                         </ext:DateField> 
                    </ext:Anchor>
                    <ext:Anchor>
                        <ext:DateField
                            ID="advPayCheckDateBeginDateField"
                            runat="server"
                            FieldLabel="Pay Check Date Begin"
                            Vtype="daterange"
                            Format="m/dd/Y" 
                            Width="170"
                            Truncate="false" >
                            <Listeners>
                                    <Render Handler="this.startDateField = '#{advPayCheckDateEndDateField}'" />
                            </Listeners>
                         </ext:DateField>  
                    </ext:Anchor>
                    <ext:Anchor>
                        <ext:DateField
                            ID="advPayCheckDateEndDateField"
                            runat="server"
                            FieldLabel="Pay Check Date End"
                            Vtype="daterange"
                            Format="m/dd/Y" 
                            Width="170"
                            Truncate="false" >
                            <Listeners>
                                    <Render Handler="this.startDateField = '#{advPayCheckDateBeginDateField}'" />
                            </Listeners>
                        </ext:DateField> 
                    </ext:Anchor>
                    <ext:Anchor>
                        <ext:ComboBox 
                            ID="advClaimStatusComboBox" 
                            runat="server" 
                            FieldLabel="Claim Status" 
                            Width="170"
                            ListWidth="188"
                            StoreID="advClaimStatusStore"
                            TypeAhead="true"
                            Editable="false"
                            TriggerAction="All"
                            LazyRender="true"
                            DisplayField="name"
                            ValueField = "id"
                            ValueNotFoundText="Loading...">
                        </ext:ComboBox>
                    </ext:Anchor>
                    <ext:Anchor>
                        <ext:TextField ID="advClaimIdTextField" runat="server" FieldLabel="Rhino Bill Claim ID">
                        </ext:TextField>
                    </ext:Anchor>
                    <ext:Anchor>
                        <ext:TextField ID="advTcnTextField" runat="server" FieldLabel="Transaction Control Number">
                        </ext:TextField>
                    </ext:Anchor>
                </ext:FormLayout>
            </Body>
        </ext:FormPanel>
  2. #2

    RE: [CLOSED] DateField Calendar Issue

    Hi,

    Why do you think that it is truncated? DateField popup calendar has fixed width (the width depends from current labels inside calendar). Therefore if you change width of DateField then the width of popup calendar will not be changed
  3. #3

    RE: [CLOSED] DateField Calendar Issue



    Dear Vladimir,

    The calendar was truncated, it does not show the entire calendar. Please review my attachment!
    These fields are wrapped in one formpanel, and the pop-up calendar could not extend the formpanel's height.
    I want to the pop-up calendar appeared on top, which did not be limited by others container.

    Thanks for you efforts!

  4. #4

    RE: [CLOSED] DateField Calendar Issue

    Hi,

    Can you show full sample? I can't reproduce any truncate with your current sample code*
  5. #5

    RE: [CLOSED] DateField Calendar Issue

    I think this topic is related to the following thread and bug fix which was committed to SVN.

    http://forums.ext.net/showthread.php...3604-16-1.aspx



    I suspect the bug fix for the above thread will solve this one.*


    Geoffrey McGill
    Founder

Similar Threads

  1. [CLOSED] DateField Show Calendar
    By Timothy in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Jul 18, 2013, 7:04 AM
  2. [CLOSED] DateField calendar shows behind window
    By jchau in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Nov 09, 2011, 5:37 PM
  3. Thai calendar in DateField
    By iBenz in forum 1.x Help
    Replies: 0
    Last Post: Oct 19, 2010, 11:28 AM
  4. Coolite Datefield and ajax calendar extender
    By jmilton in forum 1.x Help
    Replies: 0
    Last Post: Feb 16, 2010, 5:48 PM
  5. Hotkey to display DateField's Calendar
    By leonardobag in forum Examples and Extras
    Replies: 0
    Last Post: Jul 03, 2009, 11:28 AM

Posting Permissions