[CLOSED] Portal issue with autoheight

  1. #1

    [CLOSED] Portal issue with autoheight

    Hi,

    I am trying to design the page with Portal and I need that Portal height should automatically increase its height based on Portlets placed on the Portal. I have placed one Portlet at North and Portal at center in a panel, and I have given AutoScroll="true" for all Portals and fixed heights for portlets. While running only north Portlet is showing (because height is given), but center portal is showing as a line (even not showing in chrome). The second question is why combobox control is not showing at toolbar added at Portlet?

    The Code for the design...
    
    <%@ Page Language="VB" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <script runat="server">
    
    </script>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        <ext:Viewport ID="Viewport1" runat="server" StyleSpec="bg">
            <Items>
                <ext:BorderLayout ID="BorderLayout1" runat="server">
                    <Center>
                        <ext:TabPanel ID="TabPanel1" runat="server" ActiveTabIndex="0" Title="TabPanel">
                            <Items>
                                <ext:Panel ID="Panel4" runat="server" Title="Tab 1" BodyStyle="background-color:#ffffff"
                                    Layout="BorderLayout">
                                    <Items>
                                        <ext:Panel ID="pnlGray" runat="server" Title="" BodyStyle="background-color:#d9d9d9"
                                            Region="Center" Margins="5,5,5,5" Padding="5" AutoScroll="true">
                                            <Items>
                                                <ext:Portlet ID="Portlet2" runat="server" Title="Administrator Notice" Height="200"
                                                    Closable="true" CloseAction="Hide" Region="North">
                                                </ext:Portlet>
                                                <ext:Portal ID="Portal1" runat="server" Region="Center" Border="false" Layout="Column"
                                                    BodyStyle="background-color:#0f0f0f" AutoScroll="true" AutoHeight="true">
                                                    <Items>
                                                        <ext:PortalColumn ID="PortalColumn1" runat="server" Cls="x-column-padding" ColumnWidth=".5"
                                                            BodyStyle="background-color:#cfcfcf" AutoScroll="true"  AutoHeight="true">
                                                            <Items>
                                                                <ext:Portlet ID="Portlet1" runat="server" Title="Overview" Height="365" Closable="true"
                                                                    CloseAction="Hide">
                                                                </ext:Portlet>
                                                                <ext:Portlet ID="Portlet11" runat="server" Title="Recent Comments" Height="380" Closable="true"
                                                                    CloseAction="Hide">
                                                                </ext:Portlet>
                                                            </Items>
                                                        </ext:PortalColumn>
                                                        <ext:PortalColumn ID="PortalColumn3" runat="server" Cls="x-column-padding" ColumnWidth=".01"
                                                            BodyStyle="background-color:#d9d9d9" AutoScroll="true" AutoHeight="true">
                                                        </ext:PortalColumn>
                                                        <ext:PortalColumn ID="PortalColumn2" runat="server" Cls="x-column-padding" ColumnWidth=".49"
                                                            AutoScroll="true" AutoHeight="true">
                                                            <Items>
                                                                <ext:Portlet ID="pltLoanStatusHistory" runat="server" Title="Loan Status History"
                                                                    Height="390">
                                                                    <TopBar>
                                                                        <ext:Toolbar ID="tbChart" runat="server">
                                                                            <Items>
                                                                                <ext:ComboBox ID="cboChartLoanStatus" runat="server" Width="200">
                                                                                    <Items>
                                                                                        <ext:ListItem Text="Test 1" Value="1" />
                                                                                    </Items>
                                                                                </ext:ComboBox>
                                                                                <ext:ToolbarFill>
                                                                                </ext:ToolbarFill>
                                                                            </Items>
                                                                        </ext:Toolbar>
                                                                    </TopBar>
                                                                </ext:Portlet>
                                                                <ext:Portlet ID="pltDailyActivity" runat="server" Title="Daily Activity" Height="155" Closable="true"
                                                                    CloseAction="Hide">
                                                                </ext:Portlet>
                                                                <ext:Portlet ID="pltMyProfile" runat="server" Title="My Profile" Height="205" Closable="true"
                                                                    CloseAction="Hide">
                                                                </ext:Portlet>
                                                            </Items>
                                                        </ext:PortalColumn>
                                                    </Items>
                                                </ext:Portal>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:Panel>
                            </Items>
                        </ext:TabPanel>
                    </Center>
                </ext:BorderLayout>
            </Items>
        </ext:Viewport>
        </form>
    </body>
    </html>
    Last edited by geoffrey.mcgill; Sep 08, 2011 at 6:03 PM. Reason: [CLOSED]
  2. #2
    1. By default, ColumnLayout (it is portal layout) fits height of columns therefore it requires fixed height. To allow auto height please add the following code to portal
    <LayoutConfig>
         <ext:ColumnLayoutConfig FitHeight="false" />
    </LayoutConfig>
    2. Do not use toolbars for portlets because all portlets use Frame option (add complex markup for round corners)
    I suggest to add panel to the portlet

    <ext:Portlet ID="pltLoanStatusHistory" runat="server" Title="Loan Status History"
                                                                    Height="390" Layout="FitLayout">
                                                                    <Items>
                                                                        <ext:Panel runat="server" Border="false" Header="false">
                                                                            <TopBar>
                                                                                <ext:Toolbar ID="tbChart" runat="server">
                                                                                    <Items>
                                                                                        <ext:ComboBox ID="cboChartLoanStatus" runat="server" Width="200">
                                                                                            <Items>
                                                                                                <ext:ListItem Text="Test 1" Value="1" />
                                                                                            </Items>
                                                                                        </ext:ComboBox>
                                                                                        
                                                                                    </Items>
                                                                                </ext:Toolbar>
                                                                            </TopBar>
                                                                        </ext:Panel>
                                                                    </Items>                                                                    
                                                                </ext:Portlet>

Similar Threads

  1. [CLOSED] FormPanel autoheight issue
    By Daly_AF in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: May 15, 2012, 9:34 AM
  2. [CLOSED] Portal scrolling issue
    By RCM in forum 1.x Legacy Premium Help
    Replies: 10
    Last Post: May 11, 2012, 2:05 PM
  3. [CLOSED] Portal scrollbar issue in 1.0
    By harafeh in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Mar 26, 2010, 7:20 PM
  4. [CLOSED] [1.0] Panel AutoHeight Issue
    By pasion in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Feb 28, 2010, 5:11 AM
  5. [CLOSED] Panel.AutoHeight issue
    By randy85253 in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Aug 31, 2009, 10:55 AM

Tags for this Thread

Posting Permissions