What's New?

[CLOSED] Multifield bug?

  1. #1
    Sep 09, 2009, 1:24 PM

    [CLOSED] Multifield bug?

    Having issues with the Multifield when using a DateField and a TimeField. The seem to be overlapping one another.

    Example:

    <ext:FormPanel runat="server">
    <Body>
        <ext:FormLayout runat="server">
            <ext:Anchor runat="server">
                <ext:MultiField runat="server" FieldLabel="Start Date/Time">
                    <Fields>
                        <ext:DateField ID="dfStartDate" runat="server" Width="200" />
                        <ext:TimeField ID="tfStartTime" runat="server" Width="200" Increment="15" />
                    </Fields>
                </ext:MultiField>
            </ext:Anchor>
            <ext:Anchor>
                <ext:MultiField runat="server" FieldLabel="End Date/Time">
                    <Fields>
                        <ext:DateField ID="dfEndDate" runat="server" Width="200" />
                        <ext:TimeField ID="tfEndDate" runat="server" Width="200" Increment="15" />
                    </Fields>
                </ext:MultiField>
            </ext:Anchor>
        </ext:FormLayout>
    </Body>
</ext:FormPanel>
  2. #2
    Sep 09, 2009, 3:09 PM

    RE: [CLOSED] Multifield bug?

    Hi,

    Please provide full sample because that FormPanel with multifields works fine if paste to the new page
  3. #3
    Sep 09, 2009, 3:17 PM

    RE: [CLOSED] Multifield bug?

    Here is the code:

    <ext:panel ID="pSpecs" runat="server" Border="false">
    <Body>
        <ext:FitLayout runat="server">
            <ext:TabPanel runat="server" Plain="true" BodyStyle="padding:10px">
                <Tabs>
                    <ext:Tab runat="server" Icon="Group" Title="Pre-Setup Specifictions">
                        <Body>
                            <ext:RowLayout runat="server">
                                <ext:LayoutRow>
                                    <ext:Panel runat="server" Border="false">
                                        <Body>
                                            <ext:Checkbox ID="chkPreSetup" runat="server" BoxLabel="Allow pre-setup" />
                                        </Body>
                                    </ext:Panel>
                                </ext:LayoutRow>
                                <ext:LayoutRow>
                                    <ext:FormPanel runat="server" StyleSpec="padding-left:20px;padding-top:5px" Border="false">
                                        <Body>
                                            <ext:FormLayout runat="server">
                                                <ext:Anchor runat="server">
                                                    <ext:MultiField runat="server" FieldLabel="Start Date/Time">
                                                        <Fields>
                                                            <ext:DateField runat="server" Width="120" />
                                                            <ext:TimeField runat="server" Width="120" Increment="15" />
                                                        </Fields>
                                                    </ext:MultiField>
                                                </ext:Anchor>
                                            </ext:FormLayout>
                                        </Body>
                                    </ext:FormPanel>
                                </ext:LayoutRow>
                                <ext:LayoutRow>
                                    <ext:Panel runat="server" Border="false" StyleSpec="padding-left:20px">
                                        <Body>
                                            <ext:Checkbox ID="chkTimed" runat="server" BoxLabel="Timed Setup" />
                                        </Body>
                                    </ext:Panel>
                                </ext:LayoutRow>
                            </ext:RowLayout>
                        </Body>
                    </ext:Tab>
                    <ext:Tab runat="server" Icon="Group" Title="Live Setup">
                        <Body>
                            More here...
                        </Body>
                    </ext:Tab>
                </Tabs>
            </ext:TabPanel>
        </ext:FitLayout>
    </Body>
</ext:Panel>
  4. #4
    Sep 09, 2009, 3:21 PM

    RE: [CLOSED] Multifield bug?

    Hi,

    Still all fine for me. Please post full page markup
  5. #5
    Sep 09, 2009, 3:45 PM

    RE: [CLOSED] Multifield bug?

    Alright, take the above code and place it in the following:

    <ext:ViewPort runat="server">
 <Body>
  <ext:FitLayout runat="server">
   <ext:Panel runat="server" Title="Project Wizard" Icon="BrickAdd" StyleSpec="padding:10px;" Border="true">
    <Body>
     <ext:ColumnLayout runat="server" FitHeight="true">
      <ext:LayoutColumn>
       <ext:Panel runat="server" Width="200" Border="false" BodyStyle="" StyleSpec="border-right:solid 1px #99bbe8;" >
        <Body>
         <ext:RowLayout runat="server">
          <ext:LayoutRow RowHeight="1">
           <ext:Panel runat="server" Border="false" BodyStyle="background-color:#d2e0f1;padding:5px;padding-top:10px;">
            <Body>
             <ext:Label ID="lStep_ProjectName" runat="server" Icon="ControlBlankBlue" Text="Project Name" Cls="step-current" /><br/>
            </Body>
           </ext:Panel>
          </ext:LayoutRow>
          <ext:LayoutRow>
           <ext:Panel runat="server" Border="false" BodyStyle="background-color:#d2e0f1;padding:5px;">
            <Body>
             <ext:ProgressBar ID="pbSteps" runat="server" Width="185" Text="" />
            </Body>
           </ext:Panel>
          </ext:LayoutRow>
         </ext:RowLayout>
        </Body>
       </ext:Panel>
      </ext:LayoutColumn>
      <ext:LayoutColumn ColumnWidth=".75">
       <ext:Panel runat="server" Border="false" StyleSpec="padding:15px;padding-bottom:0px;" IDMode="Static">
        <Body>
         <ext:RowLayout runat="server">
          <ext:LayoutRow>
           <ext:Panel runat="server" Border="false" BodyStyle="background-color:#d2e0f1;padding:5px;padding-left:8px;margin-bottom:15px;border:solid 1px #99bbe8">
            <Body>
             <ext:Label ID="lStepHeader" runat="server" Text="" Cls="step-header" />
            </Body>
           </ext:Panel>
          </ext:LayoutRow>
          <ext:LayoutRow>
           <ext:Panel runat="server" Border="false" BodyStyle="font-family:Arial;font-size:14px;color:blue;padding:10px 50px 35px 50px;">
            <Body>
             This is some text.
            </body>
           </ext:Panel>
          </ext:LayoutRow>
          <ext:LayoutRow RowHeight="1">
           <ext:Panel ID="pSteps" runat="server" Border="false">
            <Body>
             <ext:CardLayout runat="server" ActiveItem="0">
               <ext:Panel ID="pProjectName" runat="server" Border="false">
 <Body>
  <ext:FormPanel ID="fpProjectName" runat="server" Border="false" MonitorPoll="1000" MonitorValid="true">
   <Body>
    <ext:FormLayout runat="server">
     <ext:Anchor Horizontal="100%">
      <ext:TextField ID="tProjectName" runat="server" FieldLabel="Project Name" AllowBlank="false" MsgTarget="Side" IDMode="Static" />
      </ext:Anchor>
    </ext:FormLayout>
   </Body>
  </ext:FormPanel>
 </Body>
</ext:Panel>
// PUT PANEL FROM ABOVE HERE ///
</ext:CardLayout>
            </Body>
           </ext:Panel>
          </ext:LayoutRow>
         </ext:RowLayout>
        </Body>
        <Buttons>
         <ext:Button ID="tbbCancel" runat="server" Text="Cancel" Icon="Decline" />
         <ext:Button ID="tbbPrevious" runat="server" Text="Previous" Icon="ResultsetPrevious" />
        </Buttons>
       </ext:Panel>
      </ext:LayoutColumn>
     </ext:ColumnLayout>
    </Body>
   </ext:Panel>
  </ext:FitLayout>
 </Body>
</ext:ViewPort>
  6. #6
    Sep 09, 2009, 3:52 PM

    RE: [CLOSED] Multifield bug?



    Whenever the multifield is on the first tab, it overlaps the Datefield and the Timefield.

    All other tabs after that that have a multifield with a Datefield and Timefield, seem to render correctly.
  7. #7
    Sep 09, 2009, 4:45 PM

    RE: [CLOSED] Multifield bug?

    Hi,

    Set HideMode="Offsets" for 'pSpecs' panel
  8. #8
    Sep 10, 2009, 5:19 PM

    RE: [CLOSED] Multifield bug?

    That worked.

    Can you explain what this setting does exactly?
  9. #9
    Sep 11, 2009, 5:28 AM

    RE: [CLOSED] Multifield bug?

    Hi,

    By default all controls (like inactive tabs, cards) using 'display:none' for hidding. If apply 'display:none' for control then impossible to detect its size (it always null). Therefore controls which render to the hidden area can't detect parent size and own required size.


    HideMode="Offsets" using another approach for hidding, just big negative offsets, control places outisde visible part of page therefore its size is not changing

Similar Threads

  1. [CLOSED] Multifield + Visiblity
    By reinout.mechant@imprss.be in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Feb 09, 2010, 10:24 AM
  2. [CLOSED] MultiField Fill
    By sdevanney in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jan 29, 2010, 6:16 AM
  3. [CLOSED] Multifield Rendering
    By amitpareek in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Nov 23, 2009, 4:28 AM
  4. [CLOSED] FileuploadField and Multifield
    By HOWARDJ in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 24, 2009, 4:43 PM

Posting Permissions