Hi!

Just let your custom PropertyData class method CreatePropertyControl return an instance of the PropertyLongStringControl class. (If you need to adapt the control inherit from PropertyLongStringControland override methods as needed.)

Note! It is important that you in your PropertyData subclass override the EditorToolOptions property to return a non-zero value. If EditorToolOptions is empty a text box will be rendered instead of the rich text edito.

You proabably also want your PropertyData sub class (InformationBox) inherite from PropertyXhtmlString to enable permanent urls for images, documents and links to other pages..

Hello there,

Thank you for your response.

I tried your suggestions above but got the following "Oject reference not set to an instance of an object".

Am I missing anything?

Thanks.

Here's the code:

 namespace Site.Web.Classes.CustomProperties
{
///
/// Custom PropertyData implementation
///
[Serializable]
[PageDefinitionTypePlugIn]
public class Editor : PropertyXhtmlString
{
// TODO: Override members of EPiServer.SpecializedProperties.PropertyXhtmlString to provide your own logic.

public override EPiServer.Core.IPropertyControl CreatePropertyControl()
{
return new EditorControl();
}

}
}

protected EditorWebControl text;

#endregion

///
/// Inherited. Initialize the value of the TextBox control.
///
protected override void SetupEditControls()
{
//var component = ComponentDetails.DeserializeObject(this.ToString());

if (this.text != null)
{
//this.text = component.Text;
}

}

///
/// Inherited. Applies changes for the posted data to the page's properties when the RenderType property
/// is set to Edit.
///
public override void ApplyEditChanges()
{
//base.SetValue(obj);
}

///
/// Creates the edit controls.
///
public override void CreateEditControls()
{
// create the table
Table tbl = new Table();
this.Controls.Add(tbl);
tbl.BorderColor = System.Drawing.Color.Black;
tbl.BorderStyle = System.Web.UI.WebControls.BorderStyle.Solid;
tbl.BorderWidth = new Unit(1, UnitType.Pixel);

// create a row CompTitle ************************************
TableRow rowCompTitle = new TableRow();
tbl.Controls.Add(rowCompTitle);

// create a cells
text = new EditorWebControl() { ID = "text" };
var labelCompTitle = new System.Web.UI.WebControls.Label() { Text = "Text" };
TableCell cellCompTitle = new TableCell();
rowCompTitle.Cells.Add(cellCompTitle);
cellCompTitle.Controls.Add(labelCompTitle);
TableCell cellCompTitleBox = new TableCell();
rowCompTitle.Cells.Add(cellCompTitleBox);
cellCompTitleBox.Controls.Add(text);

labelCompTitle.AssociatedControlID = text.ID;

//tbl.ApplyNoWrap();
SetupEditControls();
}

///
/// Gets the Editor instance for this IPropertyControl.
///
/// The property that is to be displayed or edited.
public Editor Editor
{
get
{
return PropertyData as Editor;
}
}
}
}

public class EditorWebControl : PropertyLongStringControl
{
public override EPiServer.Editor.EditorToolOption EditorToolOptions
{
get
{
return EPiServer.Editor.EditorToolOption.All;
}
}
}

Ok... May I ask what you try to accomplish with your custom property?

In your code example, delete the whole EditorControl class and let CreatePropertyControl() return one instance of EditorWebControl instead.

Hi, I am trying to create a custom property which has the xhtml editor, but I want to set a max length that the editor can enter, what is the best way to do this. I have tried adding a javascript attribute to the control, but it never seems to render it?

Cheers

Chris

Hi!

Here's some sample code on how to validate the length of the input server side. I also tried to set the MaxLength property of the editor since I guessed that this would block input client side but I could not get this to work (that code is commented in the sample). If you are working with EPiServer CMS 6 then you can use the property settings functioanlity in order to make the length setting configurable in the property definition in admin mode.

using System;

using System.Collections.Generic;

using System.Web;

using EPiServer.SpecializedProperties;

using EPiServer.Web.PropertyControls;

using EPiServer.Editor;

using EPiServer.Core;

namespace EPiServer

{

public class MyCustomProperty : PropertyXhtmlString

{

public override IPropertyControl CreatePropertyControl()

{

return new MyCustomEditorPropertyControl();

}

}

public class MyCustomEditorPropertyControl : PropertyLongStringControl

{

public override void ApplyChanges()

{

if (EditControl is HtmlEditor)

{

string text = ((HtmlEditor)EditControl).Text;

if (text.Length > 10)

{

AddErrorValidator("Text can not exceed 10 characters.");

return;

}

}

base.ApplyChanges();

}

//public override void SetupControl()

//{

// base.SetupControl();

// if(EditControl is HtmlEditor)

// {

// ((HtmlEditor)EditControl).MaxLength = 10;

// }

//}

}

}