Hi there,
I thought that I finally managed to get it right. The next page (VS2008) rises an error in IE7 and IE8 (5 times refresh will help -sometimes-). Chrome is OK. Didn't check FireFox.
I developed this page with eo vs 7 and downloaded and installed eo vs 8: no luck!
The problem is in the layout which is completely gone (IE7 crashes most of the time).
Hope you can help,
Regards,
Tom van Leeuwen

ASPX:
<%@ Page Language="vb" AutoEventWireup="false" MasterPageFile="~/LoginMasterPage.master" CodeFile="Download.aspx.vb" Inherits="Download" MaintainScrollPositionOnPostback="true" EnableEventValidation="false" %>
<%@ MasterType virtualpath="~/LoginMasterPage.master" %>
<%@ Register assembly="EO.Web" namespace="EO.Web" tagprefix="eo" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<asp:Panel ID="Panel1" runat="server">

<script type="text/javascript">
function leftsplitter_resize_handler(splitter)
{
var w = splitter.getLeftPane().getWidth();
var h = splitter.getLeftPane().getHeight();

//Resize the TreeView
var treeView = eo_GetObject("FolderTree");
if (treeView)
treeView.setSize(w - 10, h - 36);
}

function rightsplitter_resize_handler(splitter)
{
AdjustFilePaneLayout();

var w = splitter.getRightPane().getWidth();
var h = splitter.getRightPane().getHeight();
h -= 40;

//Resize the Preview Panel
if ((w > 0) && (h > 0))
eo_GetObject("FileExplorer1").setPreviewRegionSize(w, h);
}

function AdjustFilePaneLayout()
{
var splitter = eo_GetObject("RightSplitter");
var uploader = eo_GetObject("FileUploader");

var w = splitter.getLeftPane().getWidth();
var h = splitter.getLeftPane().getHeight();

h -= 40;
if (uploader && uploader.isRunning())
h -= 55;

//Resize the Grid
var grid = eo_GetObject("FileGrid");
if (grid)
grid.setSize(w, h);

//Resize the uploader
if (uploader)
uploader.setWidth(w);
}

function upload_begin()
{
//Display the uploader progress bar and progress text
document.getElementById("uploader_div").style.display = "block";
AdjustFilePaneLayout();
}

function upload_done()
{
//Hide the uploader progress bar and progress text
document.getElementById("uploader_div").style.display = "none";
AdjustFilePaneLayout();
}
function get_file()
{
//Get the FileExplorer object
var fileExplorer = eo_GetObject("FileExplorer1");
var str = fileExplorer.getSelectedFile();

//Get the Textbox control
var tbox = document.getElementById("<%=TextBox1.ClientID%>");

//Set the textbox's value + CrLf
tbox.value += str + "\n";
textClearlitFout();
}
function geduld()
{
//Get the litFout label
var lf = document.getElementById("<%=litFout.ClientID%>");

//Set the label's value
lf.innerHTML = "Een ogenblik geduld aub...";
//textClearlitFout();
}
</script>

<div class="header">
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/kopStemKaal.jpg" />
</div>

<div class='dataAllDownload'>
<h3>Download</h3>

<table border="0">
<tr>
<td style="vertical-align:top">

<p>
Selecteer 1 of meerdere bestanden en klik op Download.
</p>
<eo:FileExplorer id="FileExplorer1" runat="server"
AllowCreateFolder="False"
AllowDeleteFolder="False"
AllowRenameFile="False"
AllowRenameFolder="False"
AllowUpload="False"
AllowDeleteFile="False"
EnableKeyboardNavigation="True" MaxUploadFileSize="10000" DemoMode="False"
ClientSideOnFileSelected = "get_file">

<LayoutTemplate>
<eo:splitter id="LeftSplitter" runat="server" Height="320px" Width="750px" ControlSkinID="None"
BorderStyle="Solid" BorderWidth="0px" BorderColor="#A0A0A0" DividerImage="00080411" DividerSize="10"
DividerCenterImage="00080412" ClientSideOnResized="leftsplitter_resize_handler">
<eo:SplitterPane id="SplitterPane1" runat="server" Height="320px" Width="180px" ScrollBars="None">
<eo:ToolBar id="Toolbar1" runat="server" Width="100%" BackgroundImageRight="00100102" BackgroundImage="00100103"
BackgroundImageLeft="00100101" SeparatorImage="00100104">
<DownStyle CssText="border-right: #335ea8 1px solid; padding-right: 2px; border-top: #335ea8 1px solid; padding-left: 4px; padding-bottom: 1px; border-left: #335ea8 1px solid; padding-top: 3px; border-bottom: #335ea8 1px solid; background-color: #99afd4; cursor:hand; FONT-SIZE: 12px; FONT-FAMILY: Tahoma;"></DownStyle>
<HoverStyle CssText="border-right: #335ea8 1px solid; padding-right: 3px; border-top: #335ea8 1px solid; padding-left: 3px; padding-bottom: 2px; border-left: #335ea8 1px solid; padding-top: 2px; border-bottom: #335ea8 1px solid; background-color: #c2cfe5; cursor:hand; FONT-SIZE: 12px; FONT-FAMILY: Tahoma;"></HoverStyle>
<NormalStyle CssText="padding-right: 4px; padding-left: 4px; padding-bottom: 3px; border-top-style: none; padding-top: 3px; border-right-style: none; border-left-style: none; border-bottom-style: none; cursor:hand; FONT-SIZE: 12px; FONT-FAMILY: Tahoma;"></NormalStyle>
<ItemTemplates>
<eo:ToolBarItem Type="Custom">
<HoverStyle CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;"></HoverStyle>
<DownStyle CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;"></DownStyle>
<NormalStyle CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;"></NormalStyle>
</eo:ToolBarItem>
<eo:ToolBarItem Type="DropDownMenu">
<HoverStyle CssText="border-right: #335ea8 1px solid; padding-right: 3px; border-top: #335ea8 1px solid; padding-left: 3px; padding-bottom: 2px; border-left: #335ea8 1px solid; padding-top: 2px; border-bottom: #335ea8 1px solid; background-color: #c2cfe5; cursor:hand; background-image: url(00100106); background-position-x: right;"></HoverStyle>
<DownStyle CssText="border-right: #335ea8 1px solid; padding-right: 2px; border-top: #335ea8 1px solid; padding-left: 4px; padding-bottom: 2px; border-left: #335ea8 1px solid; padding-top: 3px; border-bottom: none; background-color:transparent; cursor:hand; background-image: url(00100105); background-position-x: right;"></DownStyle>
<NormalStyle CssText="padding-right: 4px; padding-left: 4px; padding-bottom: 3px; border-top-style: none; padding-top: 3px; border-right-style: none; border-left-style: none; border-bottom-style: none; cursor:hand; background-image: url(00100105); background-position-x: right;"></NormalStyle>
</eo:ToolBarItem>
</ItemTemplates>
<Items>
<eo:ToolBarItem Type="Custom">
<CustomItem>
&nbsp;Folders:&nbsp;&nbsp;
</CustomItem>
</eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101069" CommandName="Refresh" ToolTip="Refresh">
</eo:ToolBarItem>
</Items>
</eo:ToolBar>
<eo:TreeView id="FolderTree" style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px"
runat="server" Height="320px" Width="100px" ControlSkinID="None">
<LookNodes>
<eo:TreeNode ImageUrl="00030301" DisabledStyle-CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:Gray;padding-bottom:1px;padding-left:1px;padding-right:1px;padding-top:1px;"
CollapsedImageUrl="00030301" ItemID="_Default" NormalStyle-CssText="PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; COLOR: black; BORDER-TOP-STYLE: none; PADDING-TOP: 1px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: transparent; BORDER-BOTTOM-STYLE: none"
ExpandedImageUrl="00030302" SelectedStyle-CssText="background-color:#316ac5;border-bottom-color:#999999;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#999999;border-left-style:solid;border-left-width:1px;border-right-color:#999999;border-right-style:solid;border-right-width:1px;border-top-color:#999999;border-top-style:solid;border-top-width:1px;color:White;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;"></eo:TreeNode>
</LookNodes>
<TopGroup Style-CssText="background-color:white;color:black;cursor:hand;font-family:Tahoma;font-size:8pt;">
<Nodes></Nodes>
</TopGroup>
</eo:TreeView>
</eo:SplitterPane>
<eo:SplitterPane id="SplitterPane2" runat="server" Width="750px" ScrollBars="None">
<eo:Splitter id="RightSplitter" runat="server" Height="360px" Width="100%" ControlSkinID="None"
DividerImage="00080411" DividerSize="10" DividerCenterImage="00080412" ClientSideOnResized="rightsplitter_resize_handler">
<eo:SplitterPane id="SplitterPane3" runat="server" ScrollBars="None">
<eo:Grid runat="server" id="FileGrid" Height="100%" Width="750px" Font-Size="8.75pt" Font-Names="Tahoma"
GridLines="None" FixedColumnCount="0" ColumnHeaderDescImage="00050205" GridLineColor="240, 240, 240"
ItemHeight="19" ColumnHeaderAscImage="00050204" ColumnHeaderHeight="24" ColumnHeaderDividerImage="00050203"
BackColor="White">
<ColumnTemplates>
<eo:TextBoxColumn>
<TextBoxStyle CssText="BORDER-RIGHT: #7f9db9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7f9db9 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 8.75pt; PADDING-BOTTOM: 1px; MARGIN: 0px; BORDER-LEFT: #7f9db9 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #7f9db9 1px solid; FONT-FAMILY: Tahoma"></TextBoxStyle>
</eo:TextBoxColumn>
<eo:MaskedEditColumn>
<MaskedEdit ControlSkinID="None" TextBoxStyle-CssText="BORDER-RIGHT: #7f9db9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7f9db9 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; MARGIN: 0px; BORDER-LEFT: #7f9db9 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #7f9db9 1px solid; font-family:Courier New;font-size:8pt;"></MaskedEdit>
</eo:MaskedEditColumn>
<eo:CheckBoxColumn>
<CellStyle CssText="padding-left:8px;padding-top:1px;"></CellStyle>
</eo:CheckBoxColumn>
</ColumnTemplates>
<ItemStyles>
<eo:GridItemStyleSet>
<ItemHoverStyle CssText="background-image: url(00050206); background-repeat: repeat-x"></ItemHoverStyle>
<SelectedStyle CssText="background-image: url(00050207); background-repeat: repeat-x"></SelectedStyle>
<CellStyle CssText="padding-left:8px;padding-top:2px;cursor:default;white-space:nowrap;"></CellStyle>
<ItemStyle CssText="background-color: white"></ItemStyle>
<AlternatingItemStyle CssText="background-color: #f4f4f4"></AlternatingItemStyle>
</eo:GridItemStyleSet>
</ItemStyles>
<ColumnHeaderHoverStyle CssText="background-image:url('00050202');padding-left:8px;padding-top:4px;"></ColumnHeaderHoverStyle>
<ColumnHeaderStyle CssText="background-image:url('00050201');padding-left:8px;padding-top:4px;"></ColumnHeaderStyle>
<FooterStyle CssText="padding-bottom:4px;padding-left:4px;padding-right:4px;padding-top:4px;"></FooterStyle>
<Columns>
<eo:CheckBoxColumn Name="Toko" Width="30"></eo:CheckBoxColumn>
<eo:StaticColumn Name="Icon" Width="24"></eo:StaticColumn>
<eo:TextBoxColumn Name="FileName" HeaderText="File Name" Width="-1" MinWidth="150"></eo:TextBoxColumn>
<eo:StaticColumn Name="FileSize" HeaderText="File Size" Width="80"></eo:StaticColumn>
</Columns>
</eo:Grid>
</eo:SplitterPane>
<eo:SplitterPane id="SplitterPane4" runat="server" InitialSize="0" ScrollBars="None">
</eo:SplitterPane>
</eo:Splitter>
</eo:SplitterPane>
</eo:splitter>
</LayoutTemplate>
</eo:FileExplorer>
</td>
</tr>

<tr>
<td>
</td>
</tr>
<tr>
<td>
<div class='Knoppen'>
<asp:Button ID="butDownload" runat="server" Text="Download" style="margin-top:0px" />
<asp:Button ID="butKlaar" runat="server" Text=" Klaar " style="margin-top:0px " />
</div>
</td>
</tr>
<tr>
<td align="center">
<asp:Label ID="litFout" Text="" runat="server"></asp:Label>
</td>
</tr>
</table>
</div>

<div class="Invisible">
<asp:TextBox ID="TextBox1" Width="0px" Height="0px" runat="server" TextMode="MultiLine"></asp:TextBox>
</div>
</asp:Panel>
</asp:Content>

Code Behind:
Dim p = New EO.Web.PathMapping()
Dim path As String = IBKIFolder
p.Path = path
p.DisplayName = "Download"
'p.Url = "http://www.mysite.com";
FileExplorer1.PathMappings.Add(p)
FileExplorer1.RootFolder = path

Hi there,
I will compare your demo with my code in order to find out.
However:
1. Could you tell me what the FileExplorerHolder is for?
2. Is there something like a ClientSide trigger when the files are shown?
3. I would like to change the cursor when the user clicks on the TreeView and back again to normal when the files are shown

Regards,
Toko

Hi there,
Thanks for your quick reply.
What I mean by "when files are shown" is the following:
Left is a Treeview showing the Folder structure.
Right are the Files in the Folder which is choosen on the left
Now whenever the user clicks on the Folder (Left) he has to wait until the Files are shown on the right.
During this time (which can be 10-20 seconds) I would like to change the cursor, or give an appropiate message, which should disappear once the Files are there.
Regards,
Toko