[CLOSED] Portlet Split attribute

  1. #1

    [CLOSED] Portlet Split attribute

    I was using the portal and portal column, and came across the split property, normally this is used to enable a spliter control in panels. However setting this property does not enable the split seprator for the portals. How can split work for a portal. below is my code snippet.

    <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
    <%@ 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 id="Head1" runat="server">
        <title>Deluxe Portal in TabPanel - Ext.NET Examples</title> 
    </head>
    <body>
        <ext:ResourceManager runat="server" />    
            <ext:Viewport  runat="server" StyleSpec="background-color: transparent;" AutoScroll="true" IDMode="Explicit">
                <Items>
                <ext:BorderLayout ID="BorderLayout1" runat="server" AutoScroll="true">                
                    <Center MarginsSummary="5 5 5 0"  >                   
                                <ext:Panel ID="Panel2" runat="server"
                                    BodyStyle="background-color: transparent;"
                                    Layout="Anchor" AutoScroll="true" Border="false">
                                    <Items>
                                        <ext:Portal 
                                            ID="PortletHost" 
                                            runat="server" 
                                            Border="false" 
                                            BodyStyle="background-color: transparent;"
                                            Layout="Column" AutoScroll="true" MonitorResize="True" Cls="x-portal" AnchorHorizontal="100%" AnchorVertical="100%"  IDMode="Explicit" Split="True">
                                            <Items>
                                                 <ext:PortalColumn   runat="server" ColumnWidth="0.33"  DefaultAnchor="100%" AnchorHorizontal="100%" AnchorVertical="100%" Layout="anchor" StyleSpec="padding:10px 20px 10px 10px;overflow:scroll" AutoScroll="true" Split="True">
                                                 <Items>
                                                      <ext:Portlet ID="Portlet1"  Title="Panel 2" runat="server" Height="300"/>
                                                        <ext:Portlet ID="Portlet4"  Title="Another Panel 2" runat="server" Height="300" />                                                   
                                                        <ext:Portlet ID="Portlet7"  Title="Panel 2" runat="server" Height="300"/>
                                                        <ext:Portlet ID="Portlet8"  Title="Another Panel 2" runat="server" Height="300"/>
                                                    </Items>
                                                 </ext:PortalColumn>
                                                 <ext:PortalColumn   runat="server" ColumnWidth="0.33" DefaultAnchor="100%" AnchorHorizontal="100%" AnchorVertical="100%" Layout="anchor" StyleSpec="padding:10px 20px 10px 10px;overflow:scroll"  AutoDoLayout="false" AutoScroll="true" Split="True">
                                                 <Items>
                                                      <ext:Portlet ID="Portlet2"  Title="Panel 2" runat="server" Height="300" />
                                                        <ext:Portlet ID="Portlet3"  Title="Another Panel 2" runat="server" Height="300" />                                                   
                                                        <ext:Portlet ID="Portlet5"  Title="Panel 2" runat="server" Height="300" />
                                                        <ext:Portlet ID="Portlet6"  Title="Another Panel 2" runat="server" Height="300" />
                                                    </Items>
     
                                                 </ext:PortalColumn>
                                                 <ext:PortalColumn  runat="server" ColumnWidth="0.33" DefaultAnchor="100%"  AnchorHorizontal="100%" AnchorVertical="100%" Layout="anchor" StyleSpec="padding:10px 20px 10px 10px;overflow:scroll" AutoScroll="true" Split="True">
                                                 <Items>                                                 
                                                        <ext:Portlet  Title="Panel 2" runat="server"  Height="300"/>
                                                        <ext:Portlet  Title="Another Panel 2" runat="server" Height="300" />                                                   
                                                        <ext:Portlet  Title="Panel 2" runat="server" Height="300" />
                                                        <ext:Portlet  Title="Another Panel 2" runat="server"  Height="300"/>
                                                    </Items>
                                                 </ext:PortalColumn>
     
                                            </Items>
                                        </ext:Portal>
     
                                    </Items>
                                </ext:Panel>                                             
     
                    </Center>
                </ext:BorderLayout>
            </Items>
        </ext:Viewport>
    </body>
    </html>
    Last edited by Daniil; Jun 27, 2011 at 12:46 PM. Reason: [CLOSED]
  2. #2
    Hi,

    Split need to set for LayoutConfig of Portal
    Please see
    http://forums.ext.net/showthread.php...ll=1#post59470
  3. #3
    Great. The column layout split that adjust the width of the portlets works fine . How do you configure the portlet to have both column layout split and row layout split.

    regards
  4. #4
    Hmm... What RowLayout do you mean? Portal doesn't use row layout
  5. #5
    You can use PanelResizer plugin to change portlet height
  6. #6
    Please can you provide me with an example of PanelResizer plugin

    I tried the example at https://examples1.ext.net/#/GridPane.../SlidingPager/ but its throws an error.

    this is what I did.

    <ext:Portlet Title="Panel 2" runat="server" Height="300" >
    <Plugins>
    <ext:PanelResizer ID="PanelResizer1" runat="server" MinHeight="100" />
    </Plugins>
    </ext:Portlet>
    but it throws an error.


    regards
  7. #7
    Hi,

    I cannot reproduce the problem, I added the same plugin (as in your previous post) to the portlet in the Ext.Net example (https://examples1.ext.net/#/Portal/Basic/Simple/) and all works fine

    Please post the sample reproduces the problem (what browser do you use?)
  8. #8
    This is my code below. I am using IE 8.
    the exception message is

    {System.Web.HttpException (0x80004005): Error executing child request for handler 'System.Web.Mvc.HttpHandlerUtil+ServerExecuteHttpH andlerWrapper'. ---> System.InvalidOperationException: Only one Control allowed in this collection


    What am I doing wrong?

     
    <%@ 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 id="Head1" runat="server">  
         <title>Deluxe Portal in TabPanel - Ext.NET Examples</title> </head> <body>    
     <ext:ResourceManager ID="ResourceManager1" runat="server" />     
     <ext:Viewport ID="Viewport1" runat="server"        
     StyleSpec="background-color: transparent;"        
      IDMode="Explicit">        
      <Items>           
       <ext:BorderLayout ID="BorderLayout1" runat="server">                 
     <Center>                    
      <ext:Panel ID="Panel2" runat="server"                      
        BodyStyle="background-color: transparent;"                      
       Layout="Fit"                                                
       Padding="10"                    
           Border="false">                       
    <Items>                           
            <ext:Portal ID="PortletHost" runat="server"                            
            Border="false"                             
            BodyStyle="background-color: transparent;"      
            Layout="Column"                                            
            Cls="x-portal">                               
            <LayoutConfig>      
                                                                                                 
            <ext:ColumnLayoutConfig Margin="10" Split="true" />  
            <ext:RowLayoutConfig Split="true" />  
            </LayoutConfig>            
                                                                                                                                                              
                <Items>    
                    <ext:PortalColumn ID="PortalColumn1" runat="server"                                    
                        ColumnWidth="0.33"                                       
                        DefaultAnchor="-20"                                                     
                        Layout="anchor"                                        
                        StyleSpec="position:relative;"                                       
                        AutoScroll="true">                                        
                         <Items>                     
                                <ext:Portlet  Title="Panel 2" runat="server" Height="300" >
                                    <Plugins>
                                                <ext:PanelResizer ID="PanelResizer12" runat="server" MinHeight="100" />
                                        </Plugins>
                                </ext:Portlet>        
                                <ext:Portlet  Title="Another Panel 2" runat="server" Height="300">
                                        <Plugins>
                                                <ext:PanelResizer ID="PanelResizer11" runat="server" MinHeight="100" />
                                        </Plugins>
                                </ext:Portlet>                                            
                                <ext:Portlet  Title="Panel 2" runat="server" Height="300" >
                                        <Plugins>
                                                <ext:PanelResizer ID="PanelResizer10" runat="server" MinHeight="100" />
                                        </Plugins>
                                </ext:Portlet>                                          
                                <ext:Portlet  Title="Another Panel 2" runat="server" Height="300" >
                                     <Plugins>
                                                <ext:PanelResizer ID="PanelResizer9" runat="server" MinHeight="100" />
                                        </Plugins>
                                </ext:Portlet>                                    
                        </Items>                                    
                 </ext:PortalColumn>                                  
                    <ext:PortalColumn ID="PortalColumn2" runat="server"                                       
                             ColumnWidth="0.33"                   
                             DefaultAnchor="-20"                                        
                             Layout="anchor"                          
                             StyleSpec="position:relative;" 
                             AutoScroll="true">  
                                <Items>                                            
                                    <ext:Portlet  Title="Panel 2" runat="server" Height="300" >
                                        <Plugins>
                                                <ext:PanelResizer ID="PanelResizer1" runat="server" MinHeight="100" />
                                        </Plugins>
                                    </ext:Portlet>  
                                    <ext:Portlet  Title="Another Panel 2" runat="server" Height="300" >
                                    <Plugins>
                                                <ext:PanelResizer ID="PanelResizer8" runat="server" MinHeight="100" />
                                        </Plugins>
                                    </ext:Portlet>                                            
                                    <ext:Portlet Title="Panel 2" runat="server" Height="300" >
                                    <Plugins>
                                                <ext:PanelResizer ID="PanelResizer7" runat="server" MinHeight="100" />
                                        </Plugins>
                                    </ext:Portlet>                                             
                                    <ext:Portlet  Title="Another Panel 2" runat="server" Height="300">
                                    <Plugins>
                                                <ext:PanelResizer ID="PanelResizer6" runat="server" MinHeight="100" />
                                        </Plugins>
                                    </ext:Portlet>                                        
                                </Items>                                     
                        </ext:PortalColumn>                                    
                        <ext:PortalColumn ID="PortalColumn3" runat="server"                                       
                            ColumnWidth="0.33"                                      
                            DefaultAnchor="-20"                                         
                            Layout="anchor"                                                                           
                            StyleSpec="position:relative;"                                       
                            AutoScroll="true">                                         
                                <Items>                                           
                                       <ext:Portlet  Title="Panel 2" runat="server" Height="300" >
                                       <Plugins>
                                                <ext:PanelResizer ID="PanelResizer2" runat="server" MinHeight="100" />
                                        </Plugins>
                                       </ext:Portlet>      
                                       <ext:Portlet  Title="Another Panel 2" runat="server" Height="300" >
                                       <Plugins>
                                                <ext:PanelResizer ID="PanelResizer3" runat="server" MinHeight="100" />
                                        </Plugins>
                                       </ext:Portlet> 
                                       <ext:Portlet  Title="Panel 2" runat="server" Height="300" >
                                       <Plugins>
                                                <ext:PanelResizer ID="PanelResizer4" runat="server" MinHeight="100" />
                                        </Plugins>
                                       </ext:Portlet>                                            
                                       <ext:Portlet  Title="Another Panel 2" runat="server" Height="300" >
                                       <Plugins>
                                                <ext:PanelResizer ID="PanelResizer5" runat="server" MinHeight="100" />
                                        </Plugins>
                                       </ext:Portlet>                   
                                </Items>                                     
                        </ext:PortalColumn>                              
                        </Items>                             
                    </ext:Portal>                        
            </Items>               
            </ext:Panel>                
           </Center>            
         </ext:BorderLayout>     
           </Items>   
            </ext:Viewport>
     </body>
     </html>
  9. #9
    Hi,

    Only one layout config can be defined in the LayoutConfig
    Why do you add RowLayoutConfig?
  10. #10
    ok. My bad. I did not know that it was still try trying to experiment. Now the panelresizer works for statically rendered page. I have another page that generates portlets dynamically. and I used the following javascript code. and it says that the panelresizer is undefined.

    below is the code. How can I use the panel resizer from javascript? The portlets works without the " plugins:new Ext.ux.PanelResizer({minHeight:100}),
    " when I place the plugin section it throws an error that PanelResizer is undefined.


    portlet =
                      {
         xtype:"portlet",
                          title: title || '',
                          id: "Panel_" + randomnumber,
                          closable: true,
                          autoscroll: false,
                          AutoDataBind: true,
                          monitorResize: true,
                          plugins:new Ext.ux.PanelResizer({minHeight:100}),
                          //iconCls: "icon-chartPie",                  
                          tools: [
                                      {
                                          id: 'maximize',
                                          handler: Charting.MaximizeHandler,
                                          qtip: dialog.MaximizeText.toString()
                                      },
                                      {
                                          id: 'help',
                                          handler: Charting.HelpHandler,
                                          qtip: dialog.HelpText.toString()
                                      },
                                      {
                                          id: 'gear',
                                          handler: Settingfn || Charting.DefaultSettingHandler,
                                          qtip: dialog.SettingText.toString()
                                      },
                                       {  // add the setting icon and the close icon
                                           id: 'close',
                                           handler: Charting.CloseHandler,
                                           qtip: dialog.CloseText.toString()
                                       }
                                ],
                          listeners: {
                              'bodyresize': Charting.SizeChanged
                          }
                      };

Similar Threads

  1. [CLOSED] Portlet split bar does not have visual indicatior
    By RCM in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: May 10, 2012, 5:41 PM
  2. Replies: 4
    Last Post: Apr 08, 2010, 8:05 PM
  3. Replies: 0
    Last Post: Mar 03, 2010, 9:51 AM
  4. [CLOSED] ColumnLayout w/Split
    By randy85253 in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: Jan 25, 2010, 12:49 PM
  5. [CLOSED] [1.0] BorderLayout Split
    By Timothy in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Jan 04, 2010, 8:08 AM

Posting Permissions