Virtual Happy Hour this month, Jun 28, we'll be getting a sneak preview at our soon to launch SaaS CMS!

Try our conversational search powered by Generative AI!

Add a CSS class to Collection Editor


We are using 'IList<propertyTypeInHere>' for page properties in a few places, and one of those instances we wish to extend the size of the 'UiWrapperType.Floating' window. We've managed to change the size with some simple css :

.Sleek .epi-dialog-landscape .dijitDialogPaneContentArea {
    height: 450px !important;

.Sleek .epi-dialog-landscape, .Sleek .epi-dialog-portrait, .Sleek .epi-dialog--auto-height {
    width: 700px !important;

.dijitDialogPaneContentArea .epi-collection-editor {
    min-width: 960px;
    height: 800px;

.Sleek .epi-collection-editor .epi-plain-grid {
    min-height: 800px !important;
    width: 960px !important;

but unfortunately this applies the css to ALL IList<> properties. We'd like to us an CollectionEditorDescriptor or Dojo Javascript to add a class to the HTML so that the above CSS can be targetted to only that instance. Anyone done anything similar? 

Our current basic collection editor definition:

[EditorDescriptorRegistration(TargetType = typeof(IList<ourPropertyType>))]
    public class OnPageCollectionEditorDescriptor : CollectionEditorDescriptor<ourPropertyType>
        public override void ModifyMetadata(ExtendedMetadata metadata, IEnumerable<Attribute> attributes)
            base.ModifyMetadata(metadata, attributes);
            metadata.CustomEditorSettings["uiType"] = metadata.ClientEditingClass;
            metadata.CustomEditorSettings["uiWrapperType"] = UiWrapperType.Floating;
Feb 06, 2019 11:59
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.