Hi,

You would need to set the Editor's ToolBarSet and ToolBarItems property. Please see details here:

http://www.essentialobjects.com/ViewDoc.aspx?t=Editor%2fcustomize_toolbar.html

Thanks!

Hi,

Have you tried to right click the editor, then choose "Edit Template" -> "CustomHeaderTemplate"? That would put out the default toolbars out there for you to edit. Details about this approach can still be found in the above link, under "Using Custom Header Layout" section. Since this way you can edit the toolbar directly, you may also need to take a look of the toolbar documentation.

You do not need to fill the drop down items as soon as you use the pre-defined command names. The editor recognizes those names and it will automatically fill them for you.

Hope this helps.

Thanks!

But it reversed back after I change it, why?

Well I got that to work despite it all.
I have another issue. In one page in my site I need to create the Editor and its Dialogs (InsertOrEditImage and FileExplorer) from code because I don't have ascx available.

Is this possible?
This is what I have tried so far:
var myControl = new EO.Web.Editor();
myControl.FileExplorerUrl = "~/digitalassetExplorer.aspx";
myControl.ImageBaseDirectory = string.Format("~{0}",Config.DigitalAssetsBasePath);
myControl.PreserveRelativePaths = true;
myControl.SkinID = "EO.Editor";
myControl.FileExplorerDialogID = "FileExplorerDialog1";
myControl.ID = "Editor";
and added a skin file with a full dialog and custom dialogs as follow:

<DialogContents>
<eo:EditorDialogContent CommandName="InsertOrEditImage">
<ContentTemplate>
<table cellspacing="3" cellpadding="1" border="0">
<tr>
<td width="60px" nowrap="nowrap">Url:</td>
<td colspan="3" nowrap="nowrap">
<input type="text" name="eo_editor_insertimage_url" style="width:230px;" /><input type="button" style="width:20px" value="..." onclick="eo_GetContainer(this, 'Editor').browseFile(this, 'eo_editor_insertimage_url', 'Browse Image', 'image');" />
</td>
</tr>
<tr>
<td>Description:</td>
<td colspan="3">
<input type="text" name="eo_editor_insertimage_desc" style="width:250px;" />
</td>
</tr>
<tr>
<td align="right" colspan="4">
<input type="button" name="eo_editor_default_button" value="OK" style="width:80px;" onclick="eo_GetContainer(this, 'Editor').execDialogCommand('InsertOrEditImage', this, event);" />&nbsp;
<input type="button" value="Close" style="width:80px;" onclick="eo_GetContainer(this, 'Editor').closeDialog(this, event);" />
</td>
</tr>
</table>
</ContentTemplate>
</eo:EditorDialogContent>
<eo:EditorDialogContent CommandName="image">
<ContentTemplate>
<div style="left:20px;">
<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>
</div>
</ContentTemplate>
</eo:EditorDialogContent>
</DialogContents>

The issue is that after selecting the image the result goes nowhere, so I was trying to replace all that for a complete code-based solution. Can you help?

thanks
Ronel

I'll try the option that loads dynamically the control in a separate ascx and let you know how it goes.

Hi,

That part is a bit tricky. I believe you will need to implement ITemplate. It will be something like this:



The dialog will then prepare a container control and call your InstantiateIn to create the dialog content.

Hope this helps.

Thanks

Can you post the full code you have?

It is not empty, I found the "eo_editor_insertimage_ur" component but with a huge name. That brings also another issue/question: can I have more than one editor in one page? (not critical, but curious about this)

I said "name" huge, not ID.
When I said "empty" it was because the component couldn't find eo_editor_insertimage_url and still can't find it because it has a HUGE name as I tried to indicate.
The thing you are saying about "this" is for something else.

I'm sorry that you need to look at my questions, but the documentation and the search and not that helpful. Believe me that I rather not ask anything if I get good source for research.

You may consider that, because it will save you guys quite a bit of money in the long run (just a thought)