Search results

Custom Resource Generator

Syncfusion provides an option to generate a selective control script (JavaScript ES5) and styles using the Custom Resource Generator (CRG) web tool.

blazor Custom resource generator preview

Search and select the control list

Search and select the required Syncfusion controls from CRG to generate a specific set of control resources.

The Syncfusion Blazor UI controls can be categorized based on the following characteristics:

  • Injectable module supported controls
  • Injectable module non-supported controls

The Injectable module supported controls are rendered as tree view with checkbox format, and the Injectable module non-supported controls are rendered as normal checkbox format in CRG application.

blazor Control categorization

Refer to the following steps to search and select the controls in CRG:

  1. Navigate to the Custom Resource Generator (CRG) application at CRG.

  2. Type the required control name in the search bar and select the checkbox. The dependency of the selected control is resolved in the application itself, so you do not need to choose each dependent control manually.

blazor Search and select non-injectable module controls

  1. Click the expand icon and select the required features for the injectable module supported controls.

blazor Select injectable module supported controls

  1. If the entire modules of the controls are needed, then click the specific control’s checkbox to select all injectable modules.

blazor Select all injectable modules

  1. Select the required built-in themes from the Select Themes option. This provides an option to select more than one theme.

blazor Select the built-in themes

Download the selected control resources

After selecting the required control resources, download the custom script and styles from CRG.

Refer to the following steps to download the custom resources in CRG:

  1. Click the DOWNLOAD button at the bottom of the page. Select the Minified option to generate the minified file output for production.

blazor Download option

  1. Change the file name as needed, and click GENERATE button in the pop-up.

blazor Export popup for generation custom resources

  1. Now, the bundling process for the selected controls will be started, and the output will be downloaded as a zip file.

blazor Bundle custom resources

  1. The final output contains the script and styles for the selected controls and a import.json file, which stores the current settings.

blazor Final output of customized resources

Import previously generated settings into CRG

To add more controls or upgrade the latest Syncfusion Blazor library resources, it is not necessary to generate it from the scratch in the CRG. Just import the old import.json file, make the changes, and then download it again from the CRG application.

Refer to the following steps to import previous settings in CRG:

  1. Click the IMPORT SETTINGS button at the bottom of the page.

blazor Import option in CRG

  1. Upload the import.json file, so that the previously stored data will be restored in the CRG application. Now, add more controls and export the resources again.

blazor Previous chages restored