With this addon, employees can request a loan from the mobile app.
Note: You need to purchase the Loan Request add-on from this link.
Extracting the downloaded files #
Step 1: Extract the downloaded zip and open the Loan addon folder.
![](https://czappstudio.com/wp-content/uploads/2024/12/Extracting-zip-file-4.png)
Step 2: Copy the CZ.Api.Loan and CZ.Web.Loan folders.
![](https://czappstudio.com/wp-content/uploads/2024/12/Copy-the-file-6.png)
Step 3: Paste it in the root directory of the Field Manager SaaS Server Project.
![](https://czappstudio.com/wp-content/uploads/2024/12/Paste-in-FM-server-file-7.png)
Configuring the WebApi #
Step 1: Open Field Manager Vx.x.x.sln file in Visual Studio. Right-click on the Addons folder and select Add -> Existing Project.
![](https://czappstudio.com/wp-content/uploads/2024/12/Open-project-in-vs-7.png)
Step 2: Go to the Field Manager Server project root and open the CZ.Api.Loan folder.
![](https://czappstudio.com/wp-content/uploads/2024/12/api-Open-file-in-fm-server-4.png)
Step 3: Select the CZ.Api.Loan.csproj file and click open to import the project into solution.
![](https://czappstudio.com/wp-content/uploads/2024/12/api-Click-czproj-5.png)
Step 4: Now, right-click on the ESSWebApi project and select the Add -> Project Reference.
![](https://czappstudio.com/wp-content/uploads/2024/12/Esswebapi-Proj-reference-7.png)
Step 5: Select the CZ.Api.Loan project and Click OK.
![](https://czappstudio.com/wp-content/uploads/2024/12/api-Select-add-addon-4.png)
Step 6:Open FeatureExtensions.cs from the ESSWebApi -> Extenstions folder.
![](https://czappstudio.com/wp-content/uploads/2024/12/api-Open-featured-ex-5.png)
Step 7:Paste the below-mentioned code inside the AddFeatureLoanRequest method.
var assembly = typeof(CZ.Api.Loan.Controllers.LoanController).Assembly;
services.AddControllers()
.AddApplicationPart(assembly)
.AddControllersAsServices();
After pasting the code will look like this
![](https://czappstudio.com/wp-content/uploads/2024/12/api-Paste-the-code-5.png)
Configuring the Web Portal #
Step 1: Open Field Manager Vx.x.x.sln file in Visual Studio. Right-click on the Addons folder and select Add -> Existing Project.
![](https://czappstudio.com/wp-content/uploads/2024/12/Open-project-in-vs-7.png)
Step 2: Go to the Field Manager Server project root and open the CZ.Web.Loan folder.
![](https://czappstudio.com/wp-content/uploads/2024/12/web-Open-file-in-fm-server-6.png)
Step 3: Select the CZ.Web.Loan.csproj file and click open to import the project into solution.
![](https://czappstudio.com/wp-content/uploads/2024/12/web-Click-czproj-6.png)
Step 4: Now, right-click on the ESSWebPortal project and select the Add -> Project Reference.
![](https://czappstudio.com/wp-content/uploads/2024/12/Esswebapi-Proj-reference-7.png)
Step 5: Select the CZ.Web.Loan project and Click OK.
![](https://czappstudio.com/wp-content/uploads/2024/12/Web-Select-add-addon-6.png)
Step 6: Open FeatureExtensions.cs from the ESSWebPortal -> Extenstions folder.
![](https://czappstudio.com/wp-content/uploads/2024/12/Web-Open-featured-ex-6.png)
Step 7: Paste the below-mentioned code inside the AddFeatureLoan method.
var assembly = typeof(CZ.Web.Loan.Controllers.LoanRequestController).Assembly;
services.AddControllersWithViews()
.AddApplicationPart(assembly)
.AddRazorRuntimeCompilation()
.AddControllersAsServices();
services.Configure<MvcRazorRuntimeCompilationOptions>(option =>
{
option.FileProviders.Add(new EmbeddedFileProvider(assembly));
});
After pasting the code will look like this
![](https://czappstudio.com/wp-content/uploads/2024/12/Web-Paste-the-code-6.png)
Verifying the addon installation #
In the Field Manager Vx.x.x solution run both API & Web projects in the Flutter test profile. Once the project launches. Login using the admin credentials and click on the module section in the top right corner to open the add-ons page. If you can see the addon version, then your Addon is now activated. If there is any error kindly make sure that all the above-mentioned instructions are followed correctly.
![](https://czappstudio.com/wp-content/uploads/2024/12/Verification-page-4-1024x467.png)