I have a problem with a DashBoardPanel because I can not resize it horizontal.
Here is my code:

<%@ Page Title="Eaton portal" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="DefaultPortal.aspx.cs" Inherits="WEB_CAR.DefaultPortal" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

    <style type="text/css">
        div.item-wrap {
            float  : left;
            border : 1px solid transparent;
            margin : 5px 25px 5px 25px;
            width  : 100px;
            cursor : pointer;
            height : 120px;
            text-align : center;

        div.item-wrap img {
            margin : 5px 0px 0px 5px;
            width  : 61px;
            height : 77px;

        div.item-wrap h6 {
            font-size : 14px;
            color     : #3A4B5B;
            font-family : tahoma,arial,san-serif;

        div.x-view-over { border : solid 1px silver; }

        #items-ct { padding : 0px 30px 24px 30px; }

        #items-ct h2 {
            border-bottom : 2px solid #3A4B5B;           
            cursor : pointer;                  

        #items-ct h2 div {
            background  : transparent url(resources/EXT.NET/images/group-expand-sprite.gif) no-repeat 3px -47px;
            padding     : 4px 4px 4px 17px;
            font-family : tahoma,arial,san-serif;
            font-size   : 12px;
            color       : #3A4B5B;

        #items-ct .collapsed h2 div { background-position : 3px 3px; }
        #items-ct dl { margin-left : 2px; }
        #items-ct .collapsed dl { display : none; }
            margin : 20px 0px 0px 35px;
            font-size: 2.1em;
            font-weight: 500;
            color: #4b6c9e;

    <script type="text/javascript">
        var itemClick = function (view, record, item, index, e) {
            var group = e.getTarget("h2", 3, true);

            if (group) {
                return false;

            var item = e.getTarget(".item-wrap");
            if (item) {
                window.location.href = item.id;


<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <ext:ResourceManager ID="ResourceManager1" runat="server" />

    <div class="main">

        <ext:Panel ID="DashBoardPanel" runat="server" Cls="items-view" Layout="FitLayout" AutoHeight="true" Border="false" ManageHeight="False">
                <ext:Toolbar ID="Toolbar1" runat="server" Flat="true">
                        <ext:ToolbarFill />
                        <ext:Button ID="Button1" runat="server" Icon="BulletPlus" Text="Expand All">
                                <Click Handler="#{Dashboard}.el.select('.group-header').removeCls('collapsed');" />
                        <ext:Button ID="Button2" runat="server" Icon="BulletMinus" Text="Collapse All">
                                <Click Handler="#{Dashboard}.el.select('.group-header').addCls('collapsed');" />
                        <ext:ToolbarSpacer ID="ToolbarSpacer1" runat="server" Width="30" />
                <ext:DataView ID="Dashboard" runat="server" SingleSelect="true" ItemSelector="div.group-header" AutoHeight="true" EmptyText="No items to display">
                        <ext:Store ID="Store1" runat="server">        
                                <ext:Model ID="Model1" runat="server">
                                        <ext:ModelField Name="Title" />
                                        <ext:ModelField Name="Items" IsComplex="true" />
                    <Tpl ID="Tpl1" runat="server">
						    <div id="items-ct">
							    <tpl for=".">
								    <div class="group-header">
										    <tpl for="Items">
											    <div id="{Link}" class="item-wrap">
												    <img src="{Icon}" />
										    <div style="clear:left"></div>
                        <ItemClick Fn="itemClick" />
                        <Refresh Handler="this.el.select('.item-wrap').addClsOnOver('x-view-over');" Delay="100" />



I think I need to use the ViewPort but have not been able to find a solution.
Thank you!

Stefano Lonati