Add client components to the News default designer view

If you want to add additional elements in the default designer view, you need to override the default designer view file. To do this, perform the following:

  1. In your SitefinityWebApp, in folder Mvc/Views/, create a folder named News
  2. In folder Mvc/Views/News/, create a file DesignerView.Simple.cshtml 
  3. In the file, paste the following markup: 
  4. Add the additional client component.
    Add an image field client component, following procedure Image filed.
  5. Save and close the file.
  6. Override the JSON file.
    You need to do this, because there are additional scripts for the image field client component.
    For more information, see Add a script to the News designer JSON file.
  7. Override the default JavaScript file.
    You need to do this to include the image field AngularJS and to make use of this image field client component logic. 
    For more information, see Add custom client-side logic to the JavaScript file of the News designer.


Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.

Get started with Integration Hub | Sitefinity Cloud | Sitefinity SaaS

This free lesson teaches administrators, marketers, and other business professionals how to use the Integration hub service to create automated workflows between Sitefinity and other business systems.

Web Security for Sitefinity Administrators

This free lesson teaches administrators the basics about protecting yor Sitefinity instance and its sites from external threats. Configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.

Foundations of Sitefinity ASP.NET Core Development

The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.

Was this article helpful?