Kentico EMS & Xperience

Hiding a widget property in Kentico Xperience Admin

July 28, 2021

In this post, I will share a tip on how to hide a widget property in the Xperience Admin while it is still available in the backend code.

Considering the following scenario

I need to have a property in a widget. I want to make that property always hidden in the UI. However, I want to be able to work with that property in the backend code. For example, set its value in a view like:

@await Html.Kentico().RenderStandaloneWidgetAsync("jobs.MyWidget", widgetProperties)

Solution

The solution is to add a VisibilityCondition to the property and create a custom visibility condition that always returns false.

Code example

Widget property definition:

using Mynamespace.VisibilityConditions;
using Kentico.Forms.Web.Mvc;
using Kentico.PageBuilder.Web.Mvc;

namespace jobs.kentico.com.Widgets
{
    public class BlogPostsWidgetProperties : IWidgetProperties
    {
        [EditingComponent(IntInputComponent.IDENTIFIER, Label = "Hidden property", Order = 1)]
        [VisibilityCondition(typeof(FalseVisibilityCondition))]
        public int HiddenProperty { get; set; }
    }
}

Visibility Condition definition:

using Kentico.Forms.Web.Mvc;

namespace Mynamespace.VisibilityConditions
{
    public class FalseVisibilityCondition : VisibilityCondition
    {
        public override bool IsVisible()
        {
            return false;
        }
    }
}