I set the FileExplorer's ClientSideOnFileSelected="Select_File" scirpt below to display different content type of the file other than images and it seems to do what I wanted. When the check box is checked, I don't want it to display the content but simply check the box so I need to know when the file is selected or when it is checked for delete
function Select_File()
{
Image_div.style.display = 'none';
Other_div.style.display = 'none';.
var fileExplorerObject = eo_GetObject("FileExplorer1");
var iframeObject = document.getElementById("Contentframe");
if (fileExplorerObject)
{
var strFileName = (fileExplorerObject.getSelectedFile());
var parsedObject = xtractFile(strFileName);
var path = parsedObject.path;
var file = parsedObject.file;
var extension = parsedObject.extension;
switch(extension){
case '.png':
case '.jpg':
case '.bmp':
case '.tif':
Image_div.style.display = 'block'
break
case '.doc':
case '.pdf':
case '.txt':
iframeObject.src = "ContentHolder.aspx?name=" + file + "&extension=" + extension ;
Other_div.style.display = 'block'
break
}
}
}
here is the right panel script
<eo:SplitterPane id="RightSplitterPane" runat="server" Height="100%" width="850px" ScrollBars="Both">
<div id="Image_div" style="display:none">
<eo:ToolBar id="Toolbar3" 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 ImageUrl="00101065" ToolTip="Best Fit" CommandName="BestFit"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101065" ToolTip="Actual Size" CommandName="ActualSize"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101067" ToolTip="Zoom In" CommandName="ZoomIn"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101068" ToolTip="Zoom Out" CommandName="ZoomOut"></eo:ToolBarItem>
</Items>
</eo:ToolBar>
<asp:PlaceHolder Runat="server" ID="PreviewPanel"></asp:PlaceHolder>
</div>
<div id="Other_div" style="display:none">
<iframe id="Contentframe" width="100%" height="100%" style="z-index:1" ></iframe>
</div>
</eo:SplitterPane>