Blog posts by Rajesh Katare2023-12-18T19:38:26.0000000Zhttps://world.optimizely.com/blogs/rajesh-katare/Optimizely World[CMS] SHOW/HIDE PROPERTIES ON SPECIFIC CONDITIONS IN CMS EDITOR<p>In some of my recent discussions with CMS developers, I saw one simple and easy, yet a trick question around Custom Attribute and Conditional Properties.</p>
<p>One of such question was like, <strong>How would you Show OR Hide a property in the site, on a specified conditional property ???</strong></p>
<p>Sounds simple, rite!</p>
<p>But the catch sometimes is, we have learned so much about advanced features, that we overlook at these basic implementations. And thats when you get caught with tricky yet simple implementations :)</p>
<p>So here is the article which will help you refresh your knowledge, and give a revived, step-wise guide, with implementation, for this query.</p>
<p>Let's begin.</p>
<p><strong>Rephrashing The Requirement:</strong></p>
<p>We want a property which has few options; <br />- which when set [Hide] "Option 1" - Should be able to hide "Option 1" from your defined pagetype on the site editor view.<br />- which when set [Hide] "Option 2" - Should be able to hide "Option 2" from your defined pagetype on the site editor view.<br />And default should be, if no [Hide] "Option" is set; all properties should be visible.</p>
<p><strong>Solution:</strong></p>
<p><strong>Step 1:</strong></p>
<p>Create an Enum Dropdown Option on one defined page. <br />We will take this as Start Page.</p>
<pre class="language-markup"><code>[Display(GroupName = Global.GroupNames.SiteSettings, Name ="Choose Option To Hide")]
public virtual string DropdownOptions { get; set; }</code></pre>
<p><strong>Step 2:</strong><br />Provide a Dropdown List'ss Options to it.</p>
<pre class="language-markup"><code>public enum DropDownEnumsList
{
[EnumSelectionDescription(Text = "Option 1", Value = "Option 1")]
Option1,
[EnumSelectionDescription(Text = "Option 2", Value = "Option 2")]
Option2
}</code></pre>
<pre class="language-markup"><code>public class EnumSelectionDescriptionAttribute : DescriptionAttribute
{
public string Text { get; set; }
public object Value { get; set; }
}</code></pre>
<pre class="language-markup"><code>public class SelectOneEnumAttribute : SelectOneAttribute, IMetadataAware
{
public SelectOneEnumAttribute(Type enumType)
{
EnumType = enumType;
}
public Type EnumType { get; set; }
public new void OnMetadataCreated(ModelMetadata metadata)
{
SelectionFactoryType = typeof(EnumSelectionFactory<>).MakeGenericType(EnumType);
base.OnMetadataCreated(metadata);
}
}
</code></pre>
<p><strong>Step 3:</strong><br />Update Property On StartPage</p>
<pre class="language-markup"><code>[Display(GroupName = Global.GroupNames.SiteSettings, Name ="Choose Option To Hide")]
[SelectOneEnum(typeof(DropDownEnumsList))]
public virtual string DropdownOptions { get; set; }</code></pre>
<p><strong>Step 4:</strong><br />Create Show/Hide Properties in one of PageTypes (In our example we will refer to "NewsPage")</p>
<pre class="language-markup"><code>public virtual bool Option1 { get; set; }
public virtual bool Option2 { get; set; }</code></pre>
<p><strong>Step 5:</strong><br />Create Attribute Class Show/Hide</p>
<pre class="language-markup"><code>public class HideSpecificPropertyAttribute : Attribute
{
public string SelectedDropDownOption { get; set; }
}</code></pre>
<p><strong>Step 6:</strong><br />Write Editor Descriptor for Show/Hide Class</p>
<pre class="language-markup"><code>public class HidePropertyOnSpecificCondition : EditorDescriptor
{
private readonly IContentLoader _contentLoader;
public HidePropertyOnSpecificCondition(IContentLoader contentLoader)
{
_contentLoader = contentLoader;
}
public override void ModifyMetadata(ExtendedMetadata metadata, IEnumerable<Attribute> attributes)
{
base.ModifyMetadata(metadata, attributes);
var startPageContentLink = SiteDefinition.Current.StartPage;
var startPage = _contentLoader.Get<StartPage>(startPageContentLink);
foreach (var property in metadata.Properties)
{
if (property is ContentDataMetadata contentDataMetadata)
{
var hidePropertyInSpecificSiteAttribute = contentDataMetadata.Attributes.FirstOrDefault(x => x is HideSpecificPropertyAttribute) as HideSpecificPropertyAttribute;
if (hidePropertyInSpecificSiteAttribute != null && string.Equals(
hidePropertyInSpecificSiteAttribute.SelectedDropDownOption, startPage.DropdownOptions,
StringComparison.InvariantCultureIgnoreCase))
{
property.ShowForEdit = false;
}
}
}
}
}</code></pre>
<p><strong>Step 7:</strong><br />Update Show/Hide Properties with Attribute Details</p>
<pre class="language-markup"><code> [HideSpecificProperty(SelectedDropDownOption = nameof(DropDownEnumsList.Option1))]
public virtual bool Option1 { get; set; }
[HideSpecificProperty(SelectedDropDownOption = nameof(DropDownEnumsList.Option2))]
public virtual bool Option2 { get; set; }</code></pre>
<p><strong>Step 8: [Golden Step]</strong><br />Add typeOf Details on Editor Descriptor at the top of all methods, to make it work for you :)</p>
<pre class="language-markup"><code>[EditorDescriptorRegistration(TargetType = typeof(ContentData))]</code></pre>
<p>And there you go...</p>
<p><em><strong>Happy Learning :)</strong></em></p>
<p><em><strong>Thank you. </strong></em></p>
<p><em><strong></strong></em></p>
<p><em><strong></strong></em></p>2023-12-18T19:38:26.0000000ZBlog post