Support forums - Custom button command

Support forums » Products » Cute Editor for .NET » Re: Custom button command

Custom button command

Last post 09-14-2006, 1:58 PM by Adam. 5 replies.


	Sort Posts: Previous Next

09-13-2006, 3:44 PM 22677

UnlnvlslblE
Joined on 06-19-2006
Posts 60

Custom button command

Reply Quote

Hi,

I'm trying to get a custom button into the editor that works like the other buttons command-wise. I want to be able to catch the button press in the editor's post back command method. I'm not sure how to progmatically set the command name of the button. Here is an idea of what I have implemented already.

private void Editor1_PostBackCommand(object sender, System.Web.UI.WebControls.CommandEventArgs e)
{
if (string.Compare(e.CommandName, "customButtonCommandName", true) == 0)
do stuff.....
}

And the button...

WebControl ctrl = editor.CreateCommandButton("customButton", "page.gif", "My Custom Button");
int pos = editor.ToolControls.IndexOf("lcase") + 1;
editor.InsertToolControl(pos, "customButton", ctrl);

Wher I click this button I get an alert popup that says:

Command [customButton] Is not supported!

Component returned failure code: 0x80004001 (NS_ERROR_NOT_IMPLEMENTED) [nsIDOMNSHTMLDocument.execCommand]

Any ideas on how to register a command name with this button? Thanks!

09-13-2006, 6:20 PM 22690 in reply to 22677

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: Custom button command

Reply Quote

UnlnvlslblE,

If you want to add a client side button, please check this example:

http://cutesoft.net/example/customization.aspx

If you want to add a server side button, please check this example:

create/register a custom button (Server Control) to Cute Editor

How to create/register a custom button (Server Control) so that it can be used in the template?( C# | VB )

This example demonstrates how easy it can be to add Server Controls to the CuteEditor and register it into Cute Editor toolbar.

All the source code of the above buttons can be found in the download package.

Keep me posted

asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
asp wysiwyg html editor: http://cutesoft.net/ASP
asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
Live Support: http://cutesoft.net/live-support/default.aspx

09-14-2006, 9:26 AM 22704 in reply to 22690

UnlnvlslblE
Joined on 06-19-2006
Posts 60

Re: Custom button command

Reply Quote

Is there a way to skin the server-side buttons so they look like all the other buttons in the editor?

09-14-2006, 10:24 AM 22707 in reply to 22704

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: Custom button command

Reply Quote

Try the following code:

   System.Web.UI.WebControls.Image Image2 = new System.Web.UI.WebControls.Image();
   Image2.ToolTip    = "Using oncommand";
   Image2.ImageUrl    = "tools.gif";
   Image2.CssClass    = "CuteEditorButton";
   SetMouseEvents(Image2);
   tc.Control.Controls.Add(Image2);

void SetMouseEvents(WebControl control)
{
     control.Attributes["onmouseover"]="CuteEditor_ButtonCommandOver(this)";
     control.Attributes["onmouseout"]="CuteEditor_ButtonCommandOut(this)";
     control.Attributes["onmousedown"]="CuteEditor_ButtonCommandDown(this)";
     control.Attributes["onmouseup"]="CuteEditor_ButtonCommandUp(this)";
     control.Attributes["ondragstart"]="CuteEditor_CancelEvent()";
}

09-14-2006, 1:56 PM 22717 in reply to 22707

UnlnvlslblE
Joined on 06-19-2006
Posts 60

Re: Custom button command

Reply Quote

Adam:

Try the following code:

   System.Web.UI.WebControls.Image Image2 = new System.Web.UI.WebControls.Image();
   Image2.ToolTip    = "Using oncommand";
   Image2.ImageUrl    = "tools.gif";
   Image2.CssClass    = "CuteEditorButton";
   SetMouseEvents(Image2);
   tc.Control.Controls.Add(Image2);

void SetMouseEvents(WebControl control)
{
     control.Attributes["onmouseover"]="CuteEditor_ButtonCommandOver(this)";
     control.Attributes["onmouseout"]="CuteEditor_ButtonCommandOut(this)";
     control.Attributes["onmousedown"]="CuteEditor_ButtonCommandDown(this)";
     control.Attributes["onmouseup"]="CuteEditor_ButtonCommandUp(this)";
     control.Attributes["ondragstart"]="CuteEditor_CancelEvent()";
}

Where does tc come from?

09-14-2006, 1:58 PM 22718 in reply to 22717

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: Custom button command

Reply Quote

CuteEditor.ToolControl tc = Editor1.ToolControls["insertcustombutonhere"];