Automatic registration of Angular modules for client components

In general, when you create a widget designer, you need the following:

  • The designer markup.
  • The JSON file that describes your designer script or component dependencies and priority 
  • The JavaScript files that hold your client logic, register, and wire up your designer AngularJS module.

For more information, see Create custom designer views.

In some cases, you do not have custom client logic for your designer. For example, if you are using the sf-expander client component, you need to create a JavaScript file that registers your designer AngularJS module and requires the sf-expander client component’s AngularJS module.

In these cases, Sitefinity CMS automatically takes care of the registration of the of client components' AngularJS modules. You do not have to create a JavaScript file, only to register and wire up the dependencies for your designer AngularJS module.

In case you need some custom client logic and you create your JavaScript file following the conventions, Sitefinity CMS will respect it and use it. Note that if you do not add a module dependency in your AngularJS module definition, this will cause an error and Sitefinity CMS does not automatically take care of it.

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

Web Security for Sitefinity Administrators

The free standalone Web Security lesson teaches administrators how to protect your websites and Sitefinity instance from external threats. Learn to 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?