Welcome Guest Search | Active Topics | Sign In | Register

Emoticon Set Options
Mike T
Posted: Thursday, June 18, 2009 10:01:09 AM
Rank: Member
Groups: Member

Joined: 7/28/2008
Posts: 25
Is it possible to remove 1 emoticon from the set? I have a client using the editor for an in-house email tool. The love the emoticon feature but wish to have the devil emoticon removed.

Thank you
eo_support
Posted: Thursday, June 18, 2009 10:13:55 AM
Rank: Administration
Groups: Administration

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

You won't be able to "remove" an icon from the built-in emoticon set, but you can replace the whole icon set with your own. Creating an emoticon set is rather simple --- just create a folder and put all the icons in it and then pass the folder name as long as the files you wanted to use to the editor using this function:

http://doc.essentialobjects.com/library/1/eo.web.editor.registeremoticonset_overload_2.aspx

You can find a working example of this feature at here:

http://demo.essentialobjects.com/Default.aspx?path=Editor\_i1\_i6

And more details at here (check for "Localizing emoticons" section):

http://doc.essentialobjects.com/library/1/editor/localization.aspx

Hope this helps.

Thanks!
Mike T
Posted: Thursday, June 18, 2009 10:17:30 AM
Rank: Member
Groups: Member

Joined: 7/28/2008
Posts: 25
Again your support very much impresses me and I use your tools in dozens of my applications. Your product makes me look like a hero to my customers!!

Thank you!
eo_support
Posted: Thursday, June 18, 2009 10:22:09 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Great to hear that! Please do not forget to recommend us to others when you have a chance. :)
Mike T
Posted: Monday, June 22, 2009 9:02:06 AM
Rank: Member
Groups: Member

Joined: 7/28/2008
Posts: 25
I finally got around to trying this and I'm doing something wrong. Can you take a look and see what I am missing?

I have five new gif files in a folder called emoticonset

On the page load event I register the new set:



Editor1.RegisterEmoticonSet(Nothing, "~\emoticonset\", "smile.gif", "sad.gif", "plain.gif", "hmmm.gif", "confused.gif")

Here is my editor code:

<eo:Editor ID="Editor1" runat="server" Font-Bold="False" Font-Italic="False"
Font-Overline="False" Font-Strikeout="False" Font-Underline="False"
FontNames="Arial" FooterVisible="False" Height="320px"
HighlightColor="255, 255, 192" SpellCheckerID="SpellChecker1" ToolBarSet="Full"
Width="735px" EmoticonSet="">
<FooterStyle CssText="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" />
<HeaderStyle CssText="border-right: gray 1px solid; border-top: gray 1px solid; border-left: gray 1px solid; border-bottom: gray 1px" />
<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;" />
<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;" />
<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" />
<CustomHeaderTemplate>
<eo:ToolBar ID="HeaderToolBar2" runat="server" BackgroundImage="00100103"
BackgroundImageLeft="00100101" BackgroundImageRight="00100102"
SeparatorImage="00100104" Width="100%">
<Items>
<eo:ToolBarItem CommandName="Copy" ImageUrl="00101007" ToolTip="Copy">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="Paste" ImageUrl="00101009" ToolTip="Paste">
</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="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="Indent" ImageUrl="00101027" ToolTip="Indent">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="Outdent" ImageUrl="00101028" ToolTip="Outdent">
</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;" />
<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;" />
<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;" />
</eo:ToolBarItem>
<eo:ToolBarItem Type="DropDownMenu">
<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;" />
<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;" />
<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;" />
</eo:ToolBarItem>
</ItemTemplates>
<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>
<eo:ToolBar ID="HeaderToolBar1" runat="server" BackgroundImage="00100103"
BackgroundImageLeft="00100101" BackgroundImageRight="00100102"
SeparatorImage="00100104" Width="100%">
<Items>
<eo:ToolBarItem CommandName="Fonts" ToolTip="Fonts" Type="Custom">
<CustomItem>
<asp:DropDownList ID="FontDropDown" runat="server" style="width:110px">
</asp:DropDownList>
</CustomItem>
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="FontSizes" ToolTip="Font Sizes" Type="Custom">
<CustomItem>
<asp:DropDownList ID="FontSizeDropDown" runat="server" style="width:50px">
</asp:DropDownList>
</CustomItem>
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="Bold" ImageUrl="00101011" ToolTip="Bold">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="Italic" ImageUrl="00101012" ToolTip="Italic">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="Underline" ImageUrl="00101013" ToolTip="Underline">
</eo:ToolBarItem>
<eo:ToolBarItem Type="Separator">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="AlignLeft" ImageUrl="00101014"
ToolTip="Align Left">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="AlignCenter" ImageUrl="00101015"
ToolTip="Align Center">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="AlignRight" ImageUrl="00101016"
ToolTip="Align Right">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="AlignJustify" ImageUrl="00101017"
ToolTip="Align Justify">
</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;" />
<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;" />
<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;" />
</eo:ToolBarItem>
<eo:ToolBarItem Type="DropDownMenu">
<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;" />
<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;" />
<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;" />
</eo:ToolBarItem>
</ItemTemplates>
<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>
<eo:ToolBar ID="HeaderToolBar0" runat="server" BackgroundImage="00100103"
BackgroundImageLeft="00100101" BackgroundImageRight="00100102"
SeparatorImage="00100104" Width="100%">
<Items>
<eo:ToolBarItem CommandName="ForeColor" ImageUrl="00101029"
ToolTip="Fore Color" Type="DropDownMenu">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="BackColor" ImageUrl="00101030"
ToolTip="Back Color" Type="DropDownMenu">
</eo:ToolBarItem>
<eo:ToolBarItem Type="Separator">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="InsertLine" ImageUrl="00101049"
ToolTip="Insert Line">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="InsertEmoticon" ImageUrl="00101050"
ToolTip="Insert Emoticon">
</eo:ToolBarItem>
<eo:ToolBarItem Type="Separator">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="SpellCheck" ImageUrl="00101018"
ToolTip="Spell Check">
</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;" />
<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;" />
<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;" />
</eo:ToolBarItem>
<eo:ToolBarItem Type="DropDownMenu">
<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;" />
<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;" />
<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;" />
</eo:ToolBarItem>
</ItemTemplates>
<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>
<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" />
<BreadcrumbItemSeparatorStyle CssText="width: 3px; height: 10px" />
<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" />
<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" />
<BreadcrumbLabelStyle CssText="padding-right: 6px; padding-left: 6px; font-size: 12px; padding-top: 1px; font-family: tahoma" />
<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>
</eo:Editor>
eo_support
Posted: Monday, June 22, 2009 10:45:40 AM
Rank: Administration
Groups: Administration

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

Try to remove EmoticonSet="" in your Editor definition. That should fix the issue.

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.