Added client side setting documents

docs/en/Settings.md

@@ -2,7 +2,7 @@
 
 [Configuration system](Configuration.md) is a good way to configure the application on startup. In addition to the configurations, ABP provides another way to set and get some application settings.
 
-A setting is a name-value pair stored in a dynamic data source, generally in a database. Setting system is extensible and there are pre-built provides for a user, a tenant, global and default.
+A setting is a name-value pair stored in a dynamic data source, generally in a database. Setting system is extensible and there are pre-built providers for a user, a tenant, global and default.
 
 ## Defining Settings
 
@@ -67,7 +67,7 @@ public class MySettingDefinitionProvider : SettingDefinitionProvider
 
 > Using constants for the setting names is a good practice and ABP packages do it. `Abp.Mailing.Smtp.Host` setting name is a constant defined by the `EmailSettingNames` class (in the `Volo.Abp.Emailing` namespace).
 
-## Reading Setting Values
+## Reading the Setting Values
 
 ### ISettingProvider
 
@@ -108,24 +108,15 @@ public class MyService
 }
 ````
 
-> `ISettingProvider` is a very common service and some base classes (like `IApplicationService`) already property-inject it. You can directly use the `SettingProvider` in such cases.
+> `ISettingProvider` is a very common service and some base classes (like `IApplicationService`) already property-inject it. You can directly use the `SettingProvider` property in such cases.
 
 ### Reading Setting Values on the Client Side
 
-If a setting is allowed to be visible on the client side, current value of the setting can also be read from the JavaScript code. Examples:
+If a setting is allowed to be visible on the client side, current value of the setting can also be read from the client code. See the following documents to understand how to get the setting values in different UI types;
 
-````js
+* [MVC / Razor Pages](UI/AspNetCore/JavaScript-API/Settings.md)
-//Gets a value as string.
+* [Angular](UI/Angular/Settings.md)
-var language = abp.setting.get('Abp.Localization.DefaultLanguage');
+* [Blazor](UI/Blazor/Settings.md)
-
-//Gets an integer value.
-var requiredLength = abp.setting.getInt('Abp.Identity.Password.RequiredLength');
-
-//Gets a boolean value.
-var requireDigit = abp.setting.getBoolean('Abp.Identity.Password.RequireDigit');
-````
-
-In addition, use `abp.setting.values` to get a dictionary of all the setting values.
 
 ## Setting Value Providers
 

docs/en/UI/Angular/Settings.md

@@ -0,0 +1,3 @@
+# Angular UI: Settings
+
+> This document explains how to get setting values in an Angular application. See the [settings document](../../Settings.md) to learn the setting system.

docs/en/UI/AspNetCore/JavaScript-API/Settings.md

@@ -0,0 +1,19 @@
+# ASP.NET Core MVC / Razor Pages UI: JavaScript Setting API
+
+Localization API allows you to get the values of the settings on the client side. You can read the current value of a setting in the client side only if it is allowed by the setting definition (on the server side).
+
+> This document only explains the JavaScript API. See the [settings document](../../../Settings.md) to understand the ABP setting system.
+
+## Basic Usage
+
+````js
+//Gets a value as string.
+var language = abp.setting.get('Abp.Localization.DefaultLanguage');
+
+//Gets an integer value.
+var requiredLength = abp.setting.getInt('Abp.Identity.Password.RequiredLength');
+
+//Gets a boolean value.
+var requireDigit = abp.setting.getBoolean('Abp.Identity.Password.RequireDigit');
+````
+

docs/en/UI/Blazor/Settings.md

@@ -0,0 +1,3 @@
+# Blazor UI: Settings
+
+Blazor applications can reuse the same `ISettingProvider` service that is explained in the [settings document](../../Settings.md).