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.


Want to learn more?

Sign up for our free beginner training. Boost your credentials through advanced courses and certification.
Register for Sitefinity training and certification.

Was this article helpful?