Welcome Guest Search | Active Topics | Sign In | Register

Editor Insert Image using external file explorer Options
webxel
Posted: Tuesday, April 12, 2011 8:31:17 AM
Rank: Member
Groups: Member

Joined: 2/23/2011
Posts: 17
Hi,

I am trying to use the FileExplorer in an external page to enable inserting images with the HTML Editor, for the most part it all works but when I click the "..." button on the editors insert image dialog and select a file nothing is put into the URL field, I am really struggling tp see where I am going wrong, can anyone suggest somthing? I have included the code for both pages below.


Editor Page

<%@ Page Language="VB" %>
<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>
<html>
<body>
<form runat="server">
<eo:Editor ID="PageHTML" runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False" Font-Underline="False" Height="500px" HighlightColor="255, 255, 192" Width="552px" BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" CssFile="" PasteFilter="TextOnly" ToolBarSet="Custom" TextAreaCssFile="~/styles/editor.css" FileExplorerDialogID="Dialog1" FileExplorerUrl="~/admin-btc/CopyofFileExplorer.aspx" BaseUrl="">
<Styles>
<eo:EditorStyle Name="Heading 1" TagName="h1" />
<eo:EditorStyle CssClass="" Name="Heading 2" TagName="h2" />
<eo:EditorStyle CssClass="h3" Name="Heading 3" TagName="h3" />
<eo:EditorStyle CssClass="" FullParagrah="True" Name="Paragraph" TagName="p" />
<eo:EditorStyle CssClass="center" FullParagrah="True" Name="Center" />
<eo:EditorStyle CssClass="imageRightBorder" Name="Image Right" />
</Styles>
<HeaderStyle CssText="padding-bottom: 2px; background-color: #EBE9ED; margin-bottom: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #B1B1B1; margin-top: 2px;" />
<EditAreaStyle CssText="border-right: gray 1px solid; padding-right: 0px; border-top: gray 1px solid; padding-left: 0px; padding-bottom: 0px; border-left: gray 1px solid; padding-top: 0px; border-bottom: gray 1px solid; border-style: none solid none solid; border-color: #CCCCCC;" />
<FooterStyle CssText="padding: 4px; border-top-style: solid; border-top-width: 1px; border-top-color: #CCCCCC; " />
<TabButtonStyles>
<NormalStyle CssText="border-right: #335ea8 1px; padding-right: 7px; border-top: #335ea8 1px; padding-left: 7px; font-size: 12px; padding-bottom: 3px; border-left: #335ea8 1px; padding-top: 3px; border-bottom: #335ea8 1px; font-family: tahoma; background-color: white" />
<HoverStyle CssText="border-right: #335ea8 1px solid; padding-right: 6px; border-top: #335ea8 1px solid; padding-left: 6px; font-size: 12px; padding-bottom: 2px; border-left: #335ea8 1px solid; padding-top: 2px; border-bottom: #335ea8 1px solid; font-family: tahoma; background-color: #c2cfe5" />
<SelectedStyle CssText="border-right: #335ea8 1px solid; padding-right: 6px; border-top: #335ea8 1px solid; padding-left: 6px; font-size: 12px; padding-bottom: 2px; border-left: #335ea8 1px solid; padding-top: 2px; border-bottom: #335ea8 1px solid; font-family: tahoma; background-color: white" />
</TabButtonStyles>
<BreadcrumbLabelStyle CssText="padding-right: 6px; padding-left: 6px; font-size: 12px; padding-top: 1px; font-family: tahoma" />
<BreadcrumbItemStyle CssText="border-right: darkgray 1px solid; padding-right: 3px; border-top: darkgray 1px solid; margin-top: 1px; padding-left: 3px; font-size: 12px; padding-bottom: 1px; border-left: darkgray 1px solid; padding-top: 1px; border-bottom: darkgray 1px solid; font-family: tahoma" />
<BreadcrumbItemHoverStyle CssText="border-right: darkgray 1px solid; padding-right: 3px; border-top: darkgray 1px solid; margin-top: 1px; padding-left: 3px; font-size: 12px; padding-bottom: 1px; border-left: darkgray 1px solid; padding-top: 1px; border-bottom: darkgray 1px solid; font-family: tahoma; background-color:#e0e0e0;" />
<BreadcrumbItemSeparatorStyle CssText="width: 3px; height: 10px" />
<EmoticonDropDownStyle CssText="border-top: gray 1px solid; border-right: gray 1px solid; padding-right: 2px; border-top: gray 1px; padding-left: 2px; padding-bottom: 2px; border-left: gray 1px solid; padding-top: 2px; border-bottom: gray 1px solid; background-color: #fafafa" />
<BreadcrumbDropDownStyle CssText="border-top: gray 1px solid; border-right: gray 1px solid; padding-right: 2px; border-top: gray 1px; padding-left: 2px; padding-bottom: 2px; border-left: gray 1px solid; padding-top: 2px; border-bottom: gray 1px solid; background-color: #fafafa" />
<EmoticonStyle CssText="background-color:white;border-bottom-color:#c5d3ed;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#c5d3ed;border-left-style:solid;border-left-width:1px;border-right-color:#c5d3ed;border-right-style:solid;border-right-width:1px;border-top-color:#c5d3ed;border-top-style:solid;border-top-width:1px;padding-bottom:2px;padding-left:2px;padding-right:2px;padding-top:2px;" />
<CustomHeaderTemplate>
<eo:ToolBar ID="HeaderToolBar1" runat="server" BackgroundImage="00100103" BackgroundImageLeft="00100101" BackgroundImageRight="00100102" SeparatorImage="00100104" Width="100%">
<Items>
<eo:ToolBarItem CommandName="Styles" ToolTip="Styles" Type="Custom">
<CustomItem>
<asp:DropDownList ID="StyleDropDown" runat="server" Style="width: 90px"></asp:DropDownList>
</CustomItem>
<NormalStyle CssText="" />
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="Copy" ImageUrl="00101007" ToolTip="Copy"></eo:ToolBarItem>
<eo:ToolBarItem CommandName="Cut" ImageUrl="00101008" ToolTip="Cut"></eo:ToolBarItem>
<eo:ToolBarItem CommandName="Paste" ImageUrl="00101009" ToolTip="Paste"></eo:ToolBarItem>
<eo:ToolBarItem CommandName="ClearFormat" ImageUrl="00101044" ToolTip="Clear Format"></eo:ToolBarItem>
<eo:ToolBarItem Type="Separator"></eo:ToolBarItem>
<eo:ToolBarItem CommandName="Undo" ImageUrl="00101023" ToolTip="Undo"></eo:ToolBarItem>
<eo:ToolBarItem CommandName="Redo" ImageUrl="00101024" ToolTip="Redo"></eo:ToolBarItem>
<eo:ToolBarItem Type="Separator"></eo:ToolBarItem>
<eo:ToolBarItem CommandName="InsertOrEditImage" ImageUrl="00101033" ToolTip="Insert Image"></eo:ToolBarItem>
<eo:ToolBarItem CommandName="InsertOrEditLink" ImageUrl="00101021" ToolTip="Insert Link"></eo:ToolBarItem>
<eo:ToolBarItem Type="Separator"></eo:ToolBarItem>
<eo:ToolBarItem CommandName="RemoveLink" ImageUrl="00101026" ToolTip="Remove Link"></eo:ToolBarItem>
<eo:ToolBarItem Type="Separator"></eo:ToolBarItem>
<eo:ToolBarItem CommandName="Bold" ImageUrl="00101011" ToolTip="Bold"></eo:ToolBarItem>
<eo:ToolBarItem CommandName="Italic" ImageUrl="00101012" ToolTip="Italic"></eo:ToolBarItem>
<eo:ToolBarItem Type="Separator"></eo:ToolBarItem>
<eo:ToolBarItem CommandName="BulletList" ImageUrl="00101019" ToolTip="Bullet List"></eo:ToolBarItem>
<eo:ToolBarItem CommandName="NumberedList" ImageUrl="00101020" ToolTip="Numbered List"></eo:ToolBarItem>
<eo:ToolBarItem Type="Separator"></eo:ToolBarItem>
<eo:ToolBarItem CommandName="SpellCheck" ImageUrl="00101018" ToolTip="Spell Check"></eo:ToolBarItem>
</Items>
<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;" />
<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;" />
<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;" />
</eo:ToolBar>
</CustomHeaderTemplate>
</eo:Editor>
<eo:Dialog ID="Dialog1" CancelButton="Button2" AcceptButton="Button1" ClientSideOnAccept="dialog_accept" CloseButtonUrl="00020440" Height="216px" HeaderHtml='<div style="padding-top:5px">Browse File</div>' MinHeight="100" Width="320px" ControlSkinID="None" MinWidth="150" HeaderImageHeight="27" HeaderImageUrl="00020441" AllowResize="True" runat="server">
<ContentTemplate>
<eo:FileExplorerHolder runat="server" ID="Explorer1" Width="710px" Height="350px"></eo:FileExplorerHolder>
<div style="text-align: right; padding-right: 20px; padding-top: 10px">
<asp:Button runat="server" ID="Button2" Text="OK" Width="80px"></asp:Button>&nbsp;&nbsp;
<asp:Button runat="server" ID="Button3" Text="Cancel" Width="80px"></asp:Button>
</div>
</ContentTemplate>
<FooterStyleActive CssText="padding-right: 4px; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; padding-top: 4px; font-family: tahoma"></FooterStyleActive>
<HeaderStyleActive CssText="background-image:url(00020442);color:#444444;font-family:'trebuchet ms';font-size:10pt;font-weight:bold;padding-bottom:7px;padding-left:8px;padding-right:0px;padding-top:0px;"></HeaderStyleActive>
<ContentStyleActive CssText="background-color:#f0f0f0;font-family:tahoma;font-size:8pt;padding-bottom:4px;padding-left:4px;padding-right:4px;padding-top:4px"></ContentStyleActive>
<BorderImages BottomBorder="00020409,00020429" RightBorder="00020407,00020427" TopRightCornerBottom="00020405,00020425" TopRightCorner="00020403,00020423" LeftBorder="00020406,00020426" TopLeftCorner="00020401,00020421" BottomRightCorner="00020410,00020430" TopLeftCornerBottom="00020404,00020424" BottomLeftCorner="00020408,00020428" TopBorder="00020402,00020422"></BorderImages>
</eo:Dialog>
</form>
</body>
</html>





File Explorer Page

<%@ Page Language="VB" %>
<%@ Register assembly="EO.Web" namespace="EO.Web" tagprefix="eo" %>
<!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></title>
</head>
<body>
<form id="form1" 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 -= 26;

//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 -= 26;
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();
}
</script>


<eo:FileExplorer id="FileExplorer1" runat="server" RootFolder="~/images/content" AllowUpload="True"
EnableKeyboardNavigation="True" MaxUploadFileSize="50" AllowDeleteFile="True">
<LayoutTemplate>
<eo:splitter id="LeftSplitter" runat="server" Height="320px" Width="700px" ControlSkinID="None"
BorderStyle="Solid" BorderWidth="1px" BorderColor="#A0A0A0" DividerImage="00080411" DividerSize="10"
DividerCenterImage="00080412" ClientSideOnResized="leftsplitter_resize_handler">
<eo:SplitterPane id="SplitterPane1" runat="server" Height="200px" Width="180px" ScrollBars="None">
<eo:ToolBar id="Toolbar1" runat="server" Width="100%" BackgroundImageRight="00100102" BackgroundImage="00100103"
BackgroundImageLeft="00100101" SeparatorImage="00100104" Enabled="False" Visible="False">
<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="00101055" CommandName="NewFolder" ToolTip="New Folder" Visible="False"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101054" CommandName="RenameFolder" ToolTip="Rename Folder" Disabled="True" Visible="False"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101061" CommandName="DeleteFolder" ToolTip="Delete Folder" Disabled="True" Visible="False"></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="100px" 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="400px" ScrollBars="None">
<eo:Splitter id="RightSplitter" runat="server" Height="100%" 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="294px" Width="320px" 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:DateTimeColumn>
<DatePicker DayCellHeight="16" OtherMonthDayVisible="True" SelectedDates="" TitleRightArrowImageUrl="DefaultSubMenuIcon"
DisabledDates="" TitleLeftArrowImageUrl="DefaultSubMenuIconRTL" DayHeaderFormat="FirstLetter"
ControlSkinID="None" DayCellWidth="19">
<CalendarStyle CssText="background-color: white; border-right: #7f9db9 1px solid; padding-right: 4px; border-top: #7f9db9 1px solid; padding-left: 4px; font-size: 9px; padding-bottom: 4px; border-left: #7f9db9 1px solid; padding-top: 4px; border-bottom: #7f9db9 1px solid; font-family: tahoma"></CalendarStyle>
<PickerStyle CssText="border-bottom-color:#7f9db9;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#7f9db9;border-left-style:solid;border-left-width:1px;border-right-color:#7f9db9;border-right-style:solid;border-right-width:1px;border-top-color:#7f9db9;border-top-style:solid;border-top-width:1px;font-family:Courier New;font-size:8pt;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;"></PickerStyle>
<SelectedDayStyle CssText="font-family: tahoma; font-size: 12px; background-color: #fbe694; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid"></SelectedDayStyle>
<TodayStyle CssText="font-family: tahoma; font-size: 12px; border-right: #bb5503 1px solid; border-top: #bb5503 1px solid; border-left: #bb5503 1px solid; border-bottom: #bb5503 1px solid"></TodayStyle>
<TitleArrowStyle CssText="cursor:hand"></TitleArrowStyle>
<MonthStyle CssText="font-family: tahoma; font-size: 12px; margin-left: 14px; cursor: hand; margin-right: 14px"></MonthStyle>
<DayHoverStyle CssText="font-family: tahoma; font-size: 12px; border-right: #fbe694 1px solid; border-top: #fbe694 1px solid; border-left: #fbe694 1px solid; border-bottom: #fbe694 1px solid"></DayHoverStyle>
<DisabledDayStyle CssText="font-family: tahoma; font-size: 12px; color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid"></DisabledDayStyle>
<DayHeaderStyle CssText="font-family: tahoma; font-size: 12px; border-bottom: #aca899 1px solid"></DayHeaderStyle>
<OtherMonthDayStyle CssText="font-family: tahoma; font-size: 12px; color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid"></OtherMonthDayStyle>
<DayStyle CssText="font-family: tahoma; font-size: 12px; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid"></DayStyle>
<TitleStyle CssText="background-color:#9ebef5;font-family:Tahoma;font-size:12px;padding-bottom:2px;padding-left:6px;padding-right:6px;padding-top:2px;"></TitleStyle>
</DatePicker>
</eo:DateTimeColumn>
<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="Delete" 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:EditCommandColumn Name="Rename" Width="48"></eo:EditCommandColumn>
<eo:StaticColumn Name="FileSize" HeaderText="File Size" Width="80"></eo:StaticColumn>
</Columns>
</eo:Grid>
<div id="uploader_div" style="display:none; height:55px">
<eo:AJAXUploader id="FileUploader" Width="250px" runat="server" AutoUpload="True" HideDisabledToolBarButton="True"
TempFileLocation="~/uploadtemp" ClientSideOnStart="upload_begin" ClientSideOnDone="upload_done"
ClientSideOnCancel="upload_done" AllowedExtension=".gif|.png|.jpg|.jpeg">
<LayoutTemplate>
<TABLE cellSpacing="0" cellPadding="2" width="100%" border="0">
<TR>
<TD style="padding-top:5px">
<eo:ProgressBar id="ProgressBar" runat="server" ControlSkinID="Windows_XP"></eo:ProgressBar></TD>
</TR>
<TR>
<TD>
<asp:PlaceHolder id="ProgressTextPlaceHolder" runat="server">Progress Text Place Holder </asp:PlaceHolder></TD>
</TR>
</TABLE>
</LayoutTemplate>
</eo:AJAXUploader>
</div>
<eo:ToolBar id="Toolbar2" 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="00101057" Text="Thumbnail View" CommandName="ThumbnailView"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101058" Text="Grid View" CommandName="GridView"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101056" Text="Upload File" CommandName="Upload"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101056" Text="Cancel Upload" CommandName="CancelUpload"></eo:ToolBarItem>
</Items>
</eo:ToolBar>
</eo:SplitterPane>
<eo:SplitterPane id="SplitterPane4" runat="server" InitialSize="220" ScrollBars="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>
</eo:SplitterPane>
</eo:Splitter>
</eo:SplitterPane>
</eo:splitter>
</LayoutTemplate>
</eo:FileExplorer>
</form>
</body>
</html>
eo_support
Posted: Tuesday, April 12, 2011 11:18:58 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

You have incorrectly set these properties in your Dialog1:

AcceptButton="Button1"
ClientSideOnAccept="dialog_accept"

Your AcceptButton should point to the OK button and you should not set ClientSideOnAccept (because the Editor will handle that event).

Thanks!
webxel
Posted: Tuesday, April 12, 2011 11:28:24 AM
Rank: Member
Groups: Member

Joined: 2/23/2011
Posts: 17
Ok, Thanks, it was copied & pasted from other pages and I missed that VS.NET changed the button ID's because other button on the page were already using those values.

Thanks.


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.