Sitefinity

Sitefinity Blank Content Editor Page on V11

Posted on

Issue

Sitefinity 11 has introduced a new content editing experience which affected some of the content types. However, when upgrading from previous versions, this content editor may be blank/unusable as shown in the screenshot below:

This is likely caused by incorrect configurations for the particular content type. To resolve this issue, go to the related configurations (for both insert and edit) and confirm that all field definitions in the configuration files exist as fields for the content type.

In this particular case, the built-in News content type has two fields in the configuration files (“Thumbnail” and “Image”) but only the “Thumbnail” exists as custom field on the settings page, i.e. the “Image” field is missing:

Configuration (App_Data/Sitefinity/Configurations)

<sections cssClass="sfExpandableForm" displayMode="Write" title="Related media" name="RelatedMediaSection">
  <fields>
    <field frontendWidgetVirtualPath="inline" relatedDataProvider="OpenAccessDataProvider" workMode="MultipleImages" allowedExtensions=".jpg,.jpeg,.png,.gif,.bmp,.odg" maxFileSize="5242880" dataFieldName="Thumbnail" title="Thumbnail Image" description="Thumbnail image for the homepage" fieldType="Telerik.Sitefinity.Web.UI.Fields.RelatedMediaField, Telerik.Sitefinity" cssClass="sfFormSeparator" fieldName="Thumbnail" type:this="Telerik.Sitefinity.Web.UI.Fields.Config.RelatedMediaFieldDefinitionElement, Telerik.Sitefinity">
      <validator alphaNumericViolationMessage="Non alphanumeric characters are not allowed." currencyViolationMessage="You have entered an invalid currency." emailAddressViolationMessage="You have entered an invalid email address." integerViolationMessage="You have entered an invalid integer." interneturlviolationmessage="You have entered an invalid URL." maxLengthViolationMessage="0" maxValueViolationMessage="Too big" messageCssClass="sfError" messageTagName="div" minLengthViolationMessage="0" minValueViolationMessage="Too small." nonAlphaNumericViolationMessage="Alphanumeric characters are not allowed." numericViolationMessage="You have entered an invalid number." percentageViolationMessage="You have entered an invalid percentage." regularExpressionViolationMessage="Invalid format" requiredViolationMessage="Required field." usSocialSecurityNumberViolationMessage="You have entered an invalid US social security number." usZipCodeViolationMessage="You have entered an invalid US ZIP code." />
      <expandableDefinition />
    </field>
    <field frontendWidgetLabel="Image" frontendWidgetVirtualPath="inline" relatedDataProvider="OpenAccessDataProvider" workMode="SingleImage" allowedExtensions=".jpg,.jpeg,.png,.gif,.bmp,.odg" dataFieldName="Image" title="Related images" fieldType="Telerik.Sitefinity.Web.UI.Fields.RelatedMediaField, Telerik.Sitefinity" cssClass="sfFormSeparator" fieldName="Image" type:this="Telerik.Sitefinity.Web.UI.Fields.Config.RelatedMediaFieldDefinitionElement, Telerik.Sitefinity">
      <validator alphaNumericViolationMessage="Non alphanumeric characters are not allowed." currencyViolationMessage="You have entered an invalid currency." emailAddressViolationMessage="You have entered an invalid email address." integerViolationMessage="You have entered an invalid integer." interneturlviolationmessage="You have entered an invalid URL." maxLengthViolationMessage="0" maxValueViolationMessage="Too big" messageTagName="div" minLengthViolationMessage="0" minValueViolationMessage="Too small." nonAlphaNumericViolationMessage="Alphanumeric characters are not allowed." numericViolationMessage="You have entered an invalid number." percentageViolationMessage="You have entered an invalid percentage." regularExpressionViolationMessage="Invalid format" requiredViolationMessage="Required field." usSocialSecurityNumberViolationMessage="You have entered an invalid US social security number." usZipCodeViolationMessage="You have entered an invalid US ZIP code." />
      <expandableDefinition />
    </field>
  </fields>
  <expandableDefinition />
</sections>

Custom Field Setting page

Solution

There are two approaches: either adding the “Image” custom field on the settings page or removing it from the configuration files (restart is required for this approach).

Going with the first approach, a new custom field “Image” is added to the content type.

And the content editor is able to display properly:

Happy Sitefinity Coding!

Leave a Reply

Your email address will not be published. Required fields are marked *