[CLOSED] View Port Layout

  1. #1

    [CLOSED] View Port Layout



    Hi,
    I used view port, in center layout , i placed panel inside center layout and placed gridpanel in panel body. in these case grid height is not fit in center layout. if i set height property to grid, then it wont be independent of screen resolution

    
        ext:ViewPort ID="ViewPort1" runat="server">
                <Body>
                    <ext:BorderLayout ID="BorderLayout1" runat="server">
                        <North>
                         </North>
                        <Center>
                            <ext:Panel ID="Panel1" runat="server" AutoShow="true">
                            <Body>
                                
                                <ext:GridPanel ID="GrdPnl1" AutoScroll="true" ClicksToEdit="1" Height="290px" runat="server" StoreID="Store1" Border="false" AutoExpandColumn="CartonFrom" >
                                <ColumnModel ID="ColumnModel1" runat="server">
                                    <Columns>
                                        <ext:Column ColumnID="PositionNumber"  DataIndex="PositionNumber" Width="10" Header="Position Number" Hidden="true">
                                            
                                        </ext:Column>
                                        <ext:Column DataIndex="CartonFrom" Fixed="false" Sortable="false" MenuDisabled="true" Resizable="true"  ColumnID="CartonFrom" Align="Right" Width="130"
                                            Header="C.No">
                                            
                                            <Editor>
                                                <ext:TextField ID="TxtCartonFrom" StyleSpec="text-align:right;padding-right:3px;"
                                                    Height="30px" runat="server">
                                                </ext:TextField>
                                            </Editor>
                                            <Renderer Fn="ValidateFrom" />
                                        </ext:Column>
                                        <ext:Column DataIndex="CartonTo"  Fixed="false" Sortable="false" MenuDisabled="true" Resizable="true" Align="Right" Width="130" Header="To">
                                            <Renderer Fn="ValidateTo" />
                                            
                                            <Editor>
                                                <ext:TextField ID="TxtCartonTo" StyleSpec="text-align:right;padding-right:3px;" Text="0"
                                                    runat="server" />
                                            </Editor>
                                        </ext:Column>
                                        <ext:Column   Fixed="false" Sortable="false" MenuDisabled="true" Resizable="true" DataIndex="NumberofKartons" Align="Right" Width="130" Header="TTL-Cln">
                                            
                                            <Renderer Fn="GetCartons" />
                                        </ext:Column>
                                        <ext:Column  Fixed="false" Sortable="false" MenuDisabled="true" Resizable="true" DataIndex="PackPerCarton" Align="Right" Width="130" Header="Pack per Box">
                                            <Renderer Fn="ValidatePackPerCarton" />
                                            
                                            <Editor>
                                                <ext:TextField ID="TxtPackPerCarton" StyleSpec="text-align:right;padding-right:3px;"
                                                    runat="server" />
                                            </Editor>
                                        </ext:Column>
                                        <ext:Column  Fixed="false" Sortable="false" MenuDisabled="true" Resizable="true" DataIndex="GrossWeightPerCarton" Align="Right" Width="130" Header="G.W.">
                                            <Renderer Fn="ValidateGrossWeightPerCarton" />
                                            
                                            <Editor>
                                                <ext:TextField ID="TxtGW" StyleSpec="text-align:right;padding-right:3px;" runat="server" />
                                            </Editor>
                                        </ext:Column>
                                        <ext:Column  Fixed="false" Sortable="false" MenuDisabled="true" Resizable="true" DataIndex="NetWeightPerCarton" Align="Right" Width="130" Header="N.W.">
                                            <Renderer Fn="ValidateGrossWeightPerCarton" />
                                            
                                            <Editor>
                                                <ext:TextField ID="TxtNW" StyleSpec="text-align:right;padding-right:3px;" runat="server">
                                                </ext:TextField>
                                            </Editor>
                                        </ext:Column>
                                        <ext:Column  Fixed="false" Sortable="false" MenuDisabled="true" Resizable="true" DataIndex="PcsPerCarton" Align="Right" Width="130" Header="PCS / CTN">
                                            
                                        </ext:Column>
                                        <ext:Column  Fixed="false" Sortable="false" MenuDisabled="true" Resizable="true" DataIndex="CartonValum" Align="Right" Width="130" Header="Total PCS">
                                            
                                        </ext:Column>
                                        <ext:Column  Fixed="false" Sortable="false" MenuDisabled="true" Resizable="true" DataIndex="CartonMeasurement" Width="160" Header="CTN - Measurement">
                                            <Renderer Fn="ValidateGrossWeightPerCarton" />
                                            
                                            <Editor>
                                                <ext:TextField ID="TxtCartonMeasurement" runat="server">
                                                </ext:TextField>
                                            </Editor>
                                        </ext:Column>
                                    </Columns>
                                </ColumnModel>
                                   
                                <SelectionModel>
                                    <ext:RowSelectionModel ID="RowSelectionModel1" SingleSelect="true" runat="server">
                                    </ext:RowSelectionModel>
                                </SelectionModel>
                                 <BottomBar>
                                             <ext:PagingToolBar 
                                                    ID="PagingToolBar4" 
                                                    runat="server" 
                                                    PageSize="500" 
                                                    DisplayInfo="true"  
                                                    StoreID="Store1" 
                                                    />
                                            </BottomBar>
                            </ext:GridPanel>
                                                  </Body> 
                            </ext:Panel> 
                        </Center>
                        <South>
                        </South>
                    </ext:BorderLayout>
                </Body>
            </ext:ViewPort>
  2. #2

    RE: [CLOSED] View Port Layout

    Hi,

    Just remove Panel1 and place grid inside Center region directly or add FitLayout inside Panel1 body and place grid inside FitLayout

Similar Threads

  1. Replies: 1
    Last Post: Oct 26, 2012, 8:52 AM
  2. [CLOSED] Unable to get panel to fit to view port and scroll
    By Labyrinth in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: Jun 17, 2010, 9:41 PM
  3. Tab Panel Under View Port
    By kiran malgi in forum 1.x Help
    Replies: 9
    Last Post: Mar 29, 2010, 9:42 AM
  4. Replies: 0
    Last Post: Mar 09, 2010, 9:31 AM
  5. Center layout in view port
    By speedstepmem4 in forum 1.x Help
    Replies: 1
    Last Post: Aug 24, 2009, 4:38 AM

Posting Permissions