How to remove validation options in Edit Mode?

Five New Optimizely Certifications are Here! Validate your expertise and advance your career with our latest certification exams. Click here to find out more

AI OnAI Off

Home / Forums / Developers (Apps and Integrations) Forum / Forms /

How to remove validation options in Edit Mode?

Noel Sefton

Vote:

I'm making a custom Form Element of "Date" type, so I'm extending "TextboxElementBox" like so...

public class DateElementBlock : TextboxElementBlock
{
    public DateElementBlock() : base() { }
}

My custom element will be

<input type="date" />

but because I'm extending TextboxElementBlock the editor displays a few validation options...

which are not appropriate. I did TRY and create a custom element with a custom validator, but the client side custom error message is not displayed correctly, so I figured as the browser will ensure that the "date" field will have a proper date if it has anything in it at all, so If I could remove all the validation options above except the "Required" validator then my problem would be sorted.

I tried to override the value returned by

public override string Validators {get;set;}

inside DateElementBlock.cs, but that only returns a list of ACTIVE validators, so it doesn't control the list of validators presented to the editors.

I think this may require a dojo solution, and I've already inspected the zip files (EPiServer.Forms.zip and EPiServer.Forms.UI.zip) and I'm hoping it works similar to adding a custom element (copy ascx/js file from zip into correct folder location).

Anyone done anything similar in the past?

#203060

Apr 08, 2019 17:42

David Knipe

Vote:

Hi Noel

The Episerver Forms samples code has a date/time element that you might be able to use for inspiration: https://github.com/episerver/EPiServer.Forms.Samples

David

#203061

Apr 08, 2019 18:06

Noel Sefton

Vote:

Thanks David, browsing that code showed me "AvailableValidatorTypes" (which is the answer I needed)

my element's full *.cs file source:

[ContentType(DisplayName = "Date Picker", GroupName = "Basic Elements", GUID = "...")]
[AvailableValidatorTypes(Include = new Type[] { typeof(RequiredValidator) })]
public class DateElementBlock : TextboxElementBlock
{
    public DateElementBlock() : base() { }

    [ScaffoldColumn(false)]
    public override string PredefinedValue { get { return base.PredefinedValue; } set { base.PredefinedValue = value; } }

    [ScaffoldColumn(false)]
    public override string PlaceHolder { get { return base.PlaceHolder; } set { base.PlaceHolder = value; } }
}

#203088

Edited, Apr 09, 2019 10:24

Praful Jangid - Aug 28, 2021 17:59

Thanks Noel, for sharing code. This helped me.

David Knipe

Vote:

Excellent glad it helped Noel :)!

#203103

Apr 09, 2019 12:34

This topic was created over six months ago and has been resolved. If you have a similar question, please create a new topic and refer to this one.