Welcome Guest Search | Active Topics | Sign In | Register

Essential Objects Product Support Forum » All Products » Support » Can not add pictures to the eo.web.editor

Can not add pictures to the eo.web.editor Options
Previous Topic · Next Topic
Luiz Ferreira
Posted: Friday, February 3, 2012 4:21:21 PM
Rank: Member
Groups: Member

Joined: 12/4/2008
Posts: 17
Can not add image to the content area of the eo.web.editor.
I click on the insert Image Icon and the insert image dialog box opens
when I click on the ... to select the url I get the following error message

EO.Web Controls client side debug message
EO.web control 'Editor1' error message: FileExplorerDialodID must be set to use this feature

How can I fix this
Thank you
Back to top
 
eo_support
Posted: Friday, February 3, 2012 4:59:35 PM
Rank: Administration
Groups: Administration

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

I believe the error message is already quite clear.

Thanks
Back to top
 
Luiz Ferreira
Posted: Friday, February 3, 2012 5:08:14 PM
Rank: Member
Groups: Member

Joined: 12/4/2008
Posts: 17
Thank you,

That does not help very much. I know there is a property called FileExplorerDialogID but what to put in there?
Can you give me an example in the code? Thanks
Back to top
 
eo_support
Posted: Friday, February 3, 2012 5:16:43 PM
Rank: Administration
Groups: Administration

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

You will want to take a look of the existing documentation and samples first. The FileExplorerDialogID is clearly documented in the help file; There are multiple samples in the sample project demonstrating how this feature works. We don't mind to help you out, but we definitely do not encourage our users to just post an error message and ask us what to do next without putting any effort to try to understand and analyze the problem first. If you still have problems after going over both the documentation and samples, clearly let us know what you have tried, why you think it should work and how it does not work, then we will be happy to help.

Thanks!
Back to top
 
Luiz Ferreira
Posted: Friday, February 3, 2012 8:25:17 PM
Rank: Member
Groups: Member

Joined: 12/4/2008
Posts: 17
Hi There

As you can see below I did spent sometime trying to make this to work.
Now I get a message saying FileExplorerURL is missing.
I want to look for files on the c drive.
I was not able to find a good example or the sample projet.
Maybe this time you can give some practical help! Thanks

____________________________________________________________________________________
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="TestEdit.aspx.vb" Inherits="Snippets.TestEdit" %>

<%@ 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 runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<eo:Editor ID="Editor1" runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
Font-Strikeout="False" Font-Underline="False" FooterVisible="False" Height="250px"
HighlightColor="255, 255, 192" ToolBarSet="Custom" Width="749px" FileExplorerDialogID="FileExplorerDialog1">
<FooterStyle CssText="background-color:#f8f8f8;border-bottom-color:gray;border-bottom-style:solid;border-bottom-width:1px;border-left-color:gray;border-left-style:solid;border-left-width:1px;border-right-color:gray;border-right-style:solid;border-right-width:1px;border-top-color:gray;border-top-width:1px;padding-bottom:3px;padding-left:3px;padding-right:3px;padding-top:3px;"></FooterStyle>

<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"></BreadcrumbItemStyle>

<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;"></EmoticonStyle>

<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;"></BreadcrumbItemHoverStyle>

<BreadcrumbItemSeparatorStyle CssText="width: 3px; height: 10px"></BreadcrumbItemSeparatorStyle>

<EmoticonDropDownStyle CssText="background-color:#f8f8f8;border-bottom-color:#d6d5d9;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#d6d5d9;border-left-style:solid;border-left-width:1px;border-right-color:#d6d5d9;border-right-style:solid;border-right-width:1px;border-top-color:#d6d5d9;border-top-style:solid;border-top-width:1px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;"></EmoticonDropDownStyle>

<BreadcrumbLabelStyle CssText="padding-right: 6px; padding-left: 6px; font-size: 12px; padding-top: 1px; font-family: tahoma"></BreadcrumbLabelStyle>
<CustomHeaderTemplate>
<DIV style="OVERFLOW-Y: hidden; HEIGHT: 27px"><eo:ToolBar runat="server" BackgroundImageLeft="00100401" BackgroundImage="00100403" SeparatorImage="00100404" BackgroundImageRight="00100402" Width="100%"><Items>
<eo:ToolBarItem Type="Custom" ToolTip="Fonts" CommandName="Fonts"><CustomItem>
<asp:DropDownList runat="server" ID="FontDropDown" style="width:115px"><asp:ListItem>Arial</asp:ListItem>
<asp:ListItem>Courier New</asp:ListItem>
<asp:ListItem>Tahoma</asp:ListItem>
<asp:ListItem>Times New Roman</asp:ListItem>
<asp:ListItem>Verdana</asp:ListItem>
</asp:DropDownList>
</CustomItem>
</eo:ToolBarItem>
<eo:ToolBarItem Type="Custom" ToolTip="FontSizes" CommandName="FontSizes"><CustomItem>
<asp:DropDownList runat="server" ID="FontSizeDropDown" style="width:50px"><asp:ListItem>8pt</asp:ListItem>
<asp:ListItem>10pt</asp:ListItem>
<asp:ListItem>12pt</asp:ListItem>
<asp:ListItem>14pt</asp:ListItem>
<asp:ListItem>16pt</asp:ListItem>
<asp:ListItem>20pt</asp:ListItem>
<asp:ListItem>32pt</asp:ListItem>
</asp:DropDownList>
</CustomItem>
</eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101011" ToolTip="Bold" CommandName="Bold"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101012" ToolTip="Italic" CommandName="Italic"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101013" ToolTip="Underline" CommandName="Underline"></eo:ToolBarItem>
<eo:ToolBarItem Type="Separator"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101033" ToolTip="Insert Image" CommandName="InsertOrEditImage"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101021" ToolTip="Insert Link" CommandName="InsertOrEditLink"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101050" ToolTip="Insert Emoticon" CommandName="InsertEmoticon"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101049" ToolTip="Insert Line" CommandName="InsertLine"></eo:ToolBarItem>
</Items>
<ItemTemplates>
<eo:ToolBarItem Type="Custom">
<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;background-image:url('Blank');"></NormalStyle>

<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;background-image:url('Blank');"></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;background-image:url('Blank');"></DownStyle>
</eo:ToolBarItem>
<eo:ToolBarItem Type="DropDownMenu">
<NormalStyle CssText="background-image:url('00100409');PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; CURSOR: hand; PADDING-TOP: 4px; FONT-FAMILY: Tahoma"></NormalStyle>

<HoverStyle CssText="background-image:url('00100407');cursor:hand;font-family:Tahoma;font-size:12px;padding-bottom:4px;padding-left:7px;padding-right:7px;padding-top:4px;"></HoverStyle>

<DownStyle CssText="background-image:url('00100408');cursor:hand;font-family:Tahoma;font-size:12px;padding-bottom:4px;padding-left:7px;padding-right:7px;padding-top:4px;"></DownStyle>
</eo:ToolBarItem>
</ItemTemplates>

<NormalStyle CssText="PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; CURSOR: hand; PADDING-TOP: 4px; FONT-FAMILY: Tahoma"></NormalStyle>

<HoverStyle CssText="background-image:url('00100405');cursor:hand;font-family:Tahoma;font-size:12px;padding-bottom:4px;padding-left:7px;padding-right:7px;padding-top:4px;"></HoverStyle>

<DownStyle CssText="background-image:url('00100406');cursor:hand;font-family:Tahoma;font-size:12px;padding-bottom:4px;padding-left:7px;padding-right:7px;padding-top:4px;"></DownStyle>
</eo:ToolBar>
</div><DIV style="OVERFLOW-Y: hidden; HEIGHT: 28px"><eo:ToolBar runat="server" BackgroundImageLeft="00100401" BackgroundImage="00100403" SeparatorImage="00100404" BackgroundImageRight="00100402" Width="100%"><Items>
<eo:ToolBarItem Type="DropDownMenu" ImageUrl="00101029" ToolTip="Fore Color" CommandName="ForeColor"></eo:ToolBarItem>
<eo:ToolBarItem Type="DropDownMenu" ImageUrl="00101030" ToolTip="Back Color" CommandName="BackColor"></eo:ToolBarItem>
<eo:ToolBarItem Type="Separator"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101014" ToolTip="Align Left" CommandName="AlignLeft"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101015" ToolTip="Align Center" CommandName="AlignCenter"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101016" ToolTip="Align Right" CommandName="AlignRight"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101017" ToolTip="Align Justify" CommandName="AlignJustify"></eo:ToolBarItem>
<eo:ToolBarItem Type="Separator"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101019" ToolTip="Bullet List" CommandName="BulletList"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101020" ToolTip="Numbered List" CommandName="Numbered List"></eo:ToolBarItem>
<eo:ToolBarItem Type="Separator"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101027" ToolTip="Indent" CommandName="Indent"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101028" ToolTip="Outdent" CommandName="Outdent"></eo:ToolBarItem>
<eo:ToolBarItem Type="Separator"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101052" ToolTip="Design Mode" CommandName="DesignMode"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101051" ToolTip="HTML Mode" CommandName="HTMLMode"></eo:ToolBarItem>
<eo:ToolBarItem Type="Separator"></eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101018" ToolTip="Spell Check" CommandName="SpellCheck"></eo:ToolBarItem>
</Items>
<ItemTemplates>
<eo:ToolBarItem Type="Custom">
<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;background-image:url('Blank');"></NormalStyle>

<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;background-image:url('Blank');"></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;background-image:url('Blank');"></DownStyle>
</eo:ToolBarItem>
<eo:ToolBarItem Type="DropDownMenu">
<NormalStyle CssText="background-image:url('00100409');PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; CURSOR: hand; PADDING-TOP: 4px; FONT-FAMILY: Tahoma"></NormalStyle>

<HoverStyle CssText="background-image:url('00100407');cursor:hand;font-family:Tahoma;font-size:12px;padding-bottom:4px;padding-left:7px;padding-right:7px;padding-top:4px;"></HoverStyle>

<DownStyle CssText="background-image:url('00100408');cursor:hand;font-family:Tahoma;font-size:12px;padding-bottom:4px;padding-left:7px;padding-right:7px;padding-top:4px;"></DownStyle>
</eo:ToolBarItem>
</ItemTemplates>

<NormalStyle CssText="PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; CURSOR: hand; PADDING-TOP: 4px; FONT-FAMILY: Tahoma"></NormalStyle>

<HoverStyle CssText="background-image:url('00100405');cursor:hand;font-family:Tahoma;font-size:12px;padding-bottom:4px;padding-left:7px;padding-right:7px;padding-top:4px;"></HoverStyle>

<DownStyle CssText="background-image:url('00100406');cursor:hand;font-family:Tahoma;font-size:12px;padding-bottom:4px;padding-left:7px;padding-right:7px;padding-top:4px;"></DownStyle>
</eo:ToolBar>
</div>
</CustomHeaderTemplate>

<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"></BreadcrumbDropDownStyle>

<TabButtonStyles>
<NormalStyle CssText="font-family:Verdana;font-size:12px;padding-bottom:3px;padding-left:5px;padding-right:5px;padding-top:3px;"></NormalStyle>

<HoverStyle CssText="background-color:#e0e0e0;border-bottom-color:#a7a6aa;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#a7a6aa;border-left-style:solid;border-left-width:1px;border-right-color:#a7a6aa;border-right-style:solid;border-right-width:1px;border-top-color:#a7a6aa;border-top-style:solid;border-top-width:1px;font-family:Verdana;font-size:12px;padding-bottom:2px;padding-left:4px;padding-right:4px;padding-top:2px;"></HoverStyle>

<SelectedStyle CssText="border-bottom-color:#a7a6aa;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#a7a6aa;border-left-style:solid;border-left-width:1px;border-right-color:#a7a6aa;border-right-style:solid;border-right-width:1px;border-top-color:#a7a6aa;border-top-style:solid;border-top-width:1px;font-family:Verdana;font-size:12px;padding-bottom:2px;padding-left:4px;padding-right:4px;padding-top:2px;"></SelectedStyle>
</TabButtonStyles>

<EditAreaStyle CssText="border-right: #a7a6aa 1px solid; padding-right: 0px; border-top: #a7a6aa 1px solid; padding-left: 0px; padding-bottom: 0px; border-left: #a7a6aa 1px solid; padding-top: 0px; border-bottom: #a7a6aa 1px solid"></EditAreaStyle>
</eo:Editor>

</div>
<eo:Dialog runat="server" id="FileExplorerDialog1" Width="320px" Height="216px" ControlSkinID="None"
HeaderHtml="Dialog Title" CloseButtonUrl="00020440" AllowResize="True" HeaderHtmlFormat='<div style="padding-top:4px">{0}</div>'
HeaderImageUrl="00020441" HeaderImageHeight="27" MinWidth="150" MinHeight="100" AcceptButton="OK"
CancelButton="Cancel">
<ContentTemplate>
<eo:FileExplorerHolder runat="server" id="Explorer1" Width="710px" Height="350px"></eo:FileExplorerHolder>
<div style="padding: 10px 10px; 10px; 10px; text-align:right;">
<asp:Button Runat="server" ID="OK" Text="OK" style="width:80px"></asp:Button>
<asp:Button Runat="server" ID="Cancel" Text="Cancel" style="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>
Back to top
 
eo_support
Posted: Saturday, February 4, 2012 11:25:41 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Sample projects in both VB and C# are in the installation folder. By default it's in c:\Program Files\Essential Objects\EO.Web Controls 2011\Samples on 32 bit system and c:\Program Files (x86)\Essential Objects\EO.Web Controls 2011\Samples on 64 bit system.

The reason that we will not give you any "practical help" on this issue because you are basically asking us to do your job here. When the error message says "FileExplorerDialodID" must be set all you need to to do is to set that. When the error message says "FileExplorerURL" is not set then all you need to set that. Both error messages are very clear on what you need to do.

The documenation for Editor.FileExplorerDialogID property clearly states that this property is used to get and set the ID of the file browsing dialog, it also states:

Quote:
The dialog must contain a FileExplorerHolder control, which is used to interact with the FileExplorer control hosted by a separate page specified by FileExplorerUrl.


The above paragraph is the key to resolve your problem and it explained what you need to do very clearly. If you cannot understand what that paragraph means, then you definitely need to try to understand that first. We will not write any code, or correct simple code mistake for you because you do not want to understand how things work but just want to copy some code to get your job done. We won't do that because doing so will inevitable invites people to run through us whenever they have any problem with their code. To simply put, It's your code, you got to know what you are doing with that code. Hope you understand.

Thanks
Back to top
 
Luiz Ferreira
Posted: Monday, February 6, 2012 11:37:59 AM
Rank: Member
Groups: Member

Joined: 12/4/2008
Posts: 17
Hi there,

This time you gave me a good tip. Adding a FileExplorerHolder control did the trick.
Now when I click on the Insert image button the dialog box appears and allows me to select a file.
When I select a .gif file and click ok, the image is not inserted in the content box.

In the demo I have the same problem. The image does not appear in the content box. Just a red X appears in place of the image.

Any good advice on how to fix this?
Back to top
 
eo_support
Posted: Monday, February 6, 2012 12:40:53 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Luiz Ferreira wrote:
This time you gave me a good tip. Adding a FileExplorerHolder control did the trick.

What we gave you was copied out right from our documentation. That's why we asked you to check the documentation first. The documentation contains a lot of very technical information and they are exactly what you need for this kind of problems.

You will see red X when the image path is not right. Right click the image to check the image path. The reason that our demo site also shows red X is different: we explicitly turned off read permission on the image folder because it's a security issue to enable uploading and browsing at the same time.
Back to top
 


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.