add RadEditor to designer in a custom control widget

Posted by Community Admin on 30-Dec-2010 00:00

I need to display a RadEditor control, in the control designer, of my custom control widget. I don’t want to inherit from the Content block widget because I have to have additional stuff in the designer.

I have successfully worked through the tutorial at http://www.sitefinity.com/4.0/documentation/how-to-create-a-widget/creating-a-widget-as-a-custom-control.aspx and I have a basic custom control widget working fine. I have tried to add the RadEditor into the designer but have had no success.

I found this post, http://www.sitefinity.com/devnet/forums/sitefinity-4-x/general-discussions/radeditor-from-contentblock-inside-a-custom-control.aspx where he says, "I've added a RadEditor into one of my Custom Control Designers". That is what I need to do, but how?

Please advise.
Thank you.

Posted by Community Admin on 30-Dec-2010 00:00

Hi Phil,

Can you share your control designer and the template for it?

Best wishes,
Ivan Dimitrov
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

Posted by Community Admin on 30-Dec-2010 00:00

Here are the designer related files and a picture of what the designer ends up displaying.
Thanks for the speedy reply.

The .ascx file

<%@ Register Assembly="Telerik.Sitefinity" TagPrefix="designers" Namespace="Telerik.Sitefinity.Web.UI.ControlDesign" %>

<%@ Register Assembly="Telerik.Sitefinity" TagPrefix="telerik" Namespace="Telerik.Web.UI" %>

<%@ Register Assembly="Telerik.Sitefinity" Namespace="Telerik.Sitefinity.Web.UI" TagPrefix="sitefinity" %>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<div>

<ul>

<li>

<!-- This is the Control Designer.

We want the text that the user enters here, to get into the .ascx template -->

<label>What do you want to pass in?</label>

<input type="text" id="txtLblOne" />

</li>

<li>

<label>Put a bunch of stuff here.</label>

<telerik:RadEditor ID="RadEditor1" Runat="server">

</telerik:RadEditor>

</li>

</ul>

</div>

The .cs file

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using Telerik.Sitefinity.Web.UI.ControlDesign;

using System.Web.UI;

using Telerik.Sitefinity.Web.UI;

using Telerik.Web.UI;

namespace lbWidgets

class GenericContentDesigner : ControlDesignerBase

// grab RadEditor1 ---------------------------------------------------------

protected virtual RadEditor RadEditor1

get

return base.Container.GetControl<RadEditor>("RadEditor1", true);

protected override void InitializeControls(GenericContainer container)

base.DesignerMode = ControlDesignerModes.Simple;

// throw new NotImplementedException();

protected override string LayoutTemplateName

get return "lbWidgets.Resources.GenericContentDesigner.ascx";

/// <summary>

/// Gets a collection of System.Web.UI.ScriptReference objects that define script resources

/// that the control requires.

/// </summary>

public override IEnumerable<ScriptReference> GetScriptReferences()

var res = new List<ScriptReference>(base.GetScriptReferences());

var assemblyName = this.GetType().Assembly.GetName().ToString();

res.Add(new ScriptReference("lbWidgets.Resources.GenericContent.js", assemblyName));

return res.ToArray();

Posted by Community Admin on 31-Dec-2010 00:00

Hello Phil,

I attached a sample project that you can try.

Kind regards,
Ivan Dimitrov
the Telerik team

[View:/cfs-file/__key/communityserver-discussions-components-files/295/240393_5F00_RadEditorDesigner.zip:320:240]

[View:/cfs-file/__key/communityserver-discussions-components-files/295/240392_5F00_ControlDesigner.zip:320:240]

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

Posted by Community Admin on 01-Jan-2011 00:00

Thanks Ivan. Your code worked beautifully.

I had to make one change. (At least I think, this was a required change.) - for anyone who may come across this thread.

In your js file you had:

applyChanges: function ()

var data = this.get_controlData();

data.Conent = "test";

and I ended up using

applyChanges: function ()

var controlData = this.get_controlData();

controlData.LblTwoText = this.get_radEditorControl().get_html();

Where LblTwoText is the property in the codebehind where I need the results from the RadEditor.