SharedFlat and Multitenant UI

Introduction

In my previous post, I introduced SharedFlat, a library for making multitenant ASP.NET Core apps easier to build. This time I’m going to talk about how can we customize the UI per tenant.

Using Conditional Logic in Views

One way to make UI modifications is to have conditional logic in views. There is an extension method, IsEnabledForTenant, that can be used to check if a specific property is set to true for the current tenant:

@if (this.IsEnabledForTenant("Foo"))

{

<p>Bar</p>

}

This will look for an option registered using the Options Pattern that was described in the previous post.

Another option is to check for a specific tenant, using the IsTenant extension method:

@if (this.IsTenant("abc"))

{

<p>abc</p>

}

For the exact same purpose we can also use the <tenant> tag helper:

<tenant name="xpto">

<p>xpto!</p>

</tenant>

If we wish to load a partial view, there’s another tag helper just for that, <tenant-partial>:

<tenant-partial tenant="xyz" name="xyzView"></tenant-partial>

This will conditionally load the xyzView file if the current tenant is xyz.

Using Different Files

A different approach would be to have different files (in different folders), one for each tenant. Say, for example, that you want to have a different folder per each tenant in your Views\<controller> folder. You just need to call AddTenantLocations when registering the services:

services

.AddTenantService()

.AddTenantLocations();

After this, if you have this folder structure:

  • Views
    • Home
      • abc
      • xyz

ASP.NET Core will load the views from the tenant-specific folder, (abc or xyz) and only if it cannot find the files there ASP.NET Core will it resort to the default ones (in Home or Shared).

Finally, if you wish to load static files from a well-known location that refers to the tenant, you can do this:

<script src="~/@this.GetTenant()/index.js"></script>

Conclusion

This is as much as it goes for now for making the UI multitenant with SharedFlat. On the next post I will be talking about data, how to access databases in a multitenant way.



                             

2 Comments

Add a Comment

As it will appear on the website

Not displayed

Your website