What's New?

[CLOSED] Portlet with different cell height.

  1. #1
    Jul 15, 2011, 2:28 PM

    [CLOSED] Portlet with different cell height.

    Hi ,

    I am interested in implementing the attached layout using a portlet. Is this possible and how can it be achieved. Please provide me with the code if it is possible. In addition the layout have a split both in the column and the rows for height and width adjustment.


    Please see attaached screenshot.

    Regards
    Attached Thumbnails Click image for larger version.  Name: variableLayout.PNG  Views: 65  Size: 37.9 KB  ID: 2985  
    Last edited by Daniil; Jul 18, 2011 at 2:52 PM. Reason: [CLOSED]
  2. #2
    Jul 15, 2011, 3:29 PM
    Hi,

    Generally speaking, you can set fixed .Height for a portlet.

    Example

    <%@ Page Language="C#" %>

<%@ 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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Ext.NET Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:Panel 
            runat="server" Height="300" Width="300" Layout="fit">
            <Items>
                <ext:Portal runat="server" Layout="column">
                    <Items>
                        <ext:PortalColumn runat="server" ColumnWidth=".33" >
                            <Items>
                                <ext:Portlet 
                                    runat="server" 
                                    Title="Portlet 1" 
                                    Html="Some content" 
                                    Height="100" />
                            </Items>
                        </ext:PortalColumn>
                        <ext:PortalColumn runat="server" ColumnWidth=".33">
                            <Items>
                                <ext:Portlet 
                                    runat="server" 
                                    Title="Portlet 2" 
                                    Html="Some content" 
                                    Height="150" />
                            </Items>
                        </ext:PortalColumn>
                        <ext:PortalColumn runat="server" ColumnWidth=".33">
                            <Items>
                                <ext:Portlet 
                                    runat="server"
                                    Title="Portlet 3" 
                                    Html="Some content" 
                                    Height="200" />
                            </Items>
                        </ext:PortalColumn>
                    </Items>
                </ext:Portal>
            </Items>
        </ext:Panel>
    </form>
</body>
</html>
  3. #3
    Jul 15, 2011, 3:56 PM
    Hi, thanks for the sample code but it did not address my original question. if you look at the attached image, you will notice that the width of the portlets are different in each row. that was what I was asking about. The code you provided did not address that. Also I asked about adding split option in both the column and the row section to have a splitter for adjusting the dimension. the code you provided did not address that either.

    so in essence, I am interested in a portal layout with different width value for each portal across rows and also have spliter on both row and column borders.

    Please let me know if you need further clearification.

    regards
  4. #4
    Jul 15, 2011, 4:10 PM
    Well, just you wrote "height".

    Portal can't have different width for columns in different rows.

    You can use several Portal-s and place them into RowLayout.

    RowLayout and ColumnLayout have .Split config option (see LayoutConfig) to force splitbars rendering.

Similar Threads

  1. [CLOSED] How to set Portlet height based on auto load url page
    By rnachman in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Sep 22, 2011, 4:07 PM
  2. Portlet's height before minimize
    By testix in forum 1.x Help
    Replies: 1
    Last Post: Jan 07, 2011, 7:50 AM
  3. [CLOSED] [1.0] Listview inside portlet - how to fit to size of portlet or show borders?
    By jchau in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Apr 08, 2010, 8:05 PM
  4. GridPanel - TextArea - Height not covering cell text
    By Tbaseflug in forum 1.x Help
    Replies: 0
    Last Post: Mar 05, 2009, 11:23 AM
  5. Need help setting the Height on Dynamic Portal/Portlet
    By iansriley in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Mar 03, 2009, 5:38 AM

Posting Permissions