ContentSelectorWithIcons

ContentSelectorDialogWithIcons.js

define([
    'dojo/_base/declare',
    'dojo/_base/lang',

    'epi-cms/widget/ContentSelectorDialog',
    'epi-cms/widget/ContentTree',
    "epi-cms/component/_ContentNavigationTreeNode"
], function(
    declare,
    lang,

    ContentSelectorDialog,
    ContentTree,
    _ContentNavigationTreeNode
) {
    return declare('app/widgets/ContentSelectorDialogWithIcons', [ContentSelectorDialog], {
        nodeConstructor: _ContentNavigationTreeNode,

	addChild: function(child) {
            if (child instanceof ContentTree) {
                child.nodeConstructor = this.nodeConstructor;

                child._createTreeNode = function (args) {
                    var params = lang.mixin({}, args, {
                        dndData: args.item,
                        hasContextMenu: false
                    });

                    return this.buildNodeFromTemplate(params);
                };
            }

            this.inherited(arguments);
	}
    });
});

ContentSelectorWithIcons.js

define([
    'dojo/_base/declare',

    'epi-cms/widget/ContentSelector',

    'app/widgets/ContentSelectorDialogWithIcons'
], function(
    declare,

    ContentSelector,

    ContentSelectorDialogWithIcons
) {
    return declare('app/widgets/ContentSelectorWithIcons', [ContentSelector], {
        createDialogContent: function () {
            return new ContentSelectorDialogWithIcons({
                canSelectOwnerContent: this.canSelectOwnerContent,
                showButtons: false,
                roots: this.roots,
                allowedTypes: this.allowedTypes,
                restrictedTypes: this.restrictedTypes,
                showAllLanguages: this.showAllLanguages,
                showSearchBox: this.showSearchBox,
                searchArea: this.searchArea
            });
        },
    });
});

EnhancedContentReferenceEditorDescriptor.cs

[EditorDescriptorRegistration(TargetType = typeof(ContentReference), EditorDescriptorBehavior = EditorDescriptorBehavior.OverrideDefault)]
public class EnhancedContentReferenceEditorDescriptor : ContentReferenceEditorDescriptor
{
    public EnhancedContentReferenceEditorDescriptor()
    {
        ClientEditingClass = "app/widgets/ContentSelectorWithIcons";
    }
    
    protected override void SetEditorConfiguration(ExtendedMetadata metadata)
    {
        base.SetEditorConfiguration(metadata);
        metadata.EditorConfiguration["searchArea"] = "cms/pages";
    }
}