Feather: Customize properties displayed inside the property editor

When you create a new widget, Feather automatically adds a widget property editor. Thus, when editing a page, you can easy modify the widget's property values.

Feather creates the property editor based on the public properties that you have in your widget controller or model.  You can customize how Feather displays the properties in the editor. To do so, depending on your preferences, use the following attributes:

• BrowsableAttribute
  If you add this attribute to a property of the widget, the property is not displayed in the property editor. To do so, use the following code:
  [Browsable(false)]
  IList<NodeViewModel> Nodes { get; }
• DisplayNameAttribute
  If you add this attribute to a property of the widget, the property title is displayed according to the specified value:
  [DisplayName("Css class")]
  string CssClass { set; get; }
• TypeConverterAttribute
  You can add this attribute to a property to specify whether a complex property is displayed in depth. For example, if you add this attribute to a model property, the property is displayed similar to this:
  [TypeConverter(typeof(ExpandableObjectConverter))]
  public INavigationModel Model { set; get; }