diff --git a/docs/en/UI/AspNetCore/Libraries/DatatablesNet.md b/docs/en/UI/AspNetCore/Libraries/DatatablesNet.md
deleted file mode 100644
index a5a66e9e19..0000000000
--- a/docs/en/UI/AspNetCore/Libraries/DatatablesNet.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# ABP Datatables.Net Integration for ASP.NET Core UI
-
-TODO
\ No newline at end of file
diff --git a/docs/en/UI/AspNetCore/Overall.md b/docs/en/UI/AspNetCore/Overall.md
index 11f8314e5f..a499cd93a3 100644
--- a/docs/en/UI/AspNetCore/Overall.md
+++ b/docs/en/UI/AspNetCore/Overall.md
@@ -4,7 +4,7 @@
ABP Framework provides a convenient and comfortable way of creating web applications using the ASP.NET Core MVC / Razor Pages as the User Interface framework.
-ABP doesn't offer a new/custom way of UI development. You can continue to use your current skills to create the UI. However, it offers a lot of features to make your development easier and have a more maintainable code base.
+> ABP doesn't offer a new/custom way of UI development. You can continue to use your current skills to create the UI. However, it offers a lot of features to make your development easier and have a more maintainable code base.
### MVC vs Razor Pages
@@ -68,6 +68,92 @@ The themes provide the standard layouts. So, you have responsive layouts with th
See the [Theming](Theming.md) document for more layout options and other details.
+### Layout Parts
+
+A typical layout consists of multiple parts. The [Theming](Theming.md) system provides [menus](Navigation-Menu.md), [toolbars](Toolbars.md), [layout hooks](Layout-Hooks.md) and more to dynamically control the layout by your application and the modules you are using.
+
## Features
-TODO
\ No newline at end of file
+This section highlights some of the features provided by the ABP Framework for the ASP.NET Core MVC / Razor Pages UI.
+
+### Dynamic JavaScript API Client Proxies
+
+Dynamic JavaScript API Client Proxy system allows you to consume your server side HTTP APIs from your JavaScript client code, just like calling local functions.
+
+**Example: Get a list of authors from the server**
+
+````js
+acme.bookStore.authors.author.getList({
+ maxResultCount: 10
+}).then(function(result){
+ console.log(result.items);
+});
+````
+
+`acme.bookStore.authors.author.getList` is an auto-generated function that internally makes an AJAX call to the server.
+
+See the [Dynamic JavaScript API Client Proxies](Dynamic-JavaScript-Proxies.md) document for more.
+
+### Bootstrap Tag Helpers
+
+ABP makes it easier & type safe to write Bootstrap HTML.
+
+**Example: Render a Bootstrap modal**
+
+````html
+
+
+
+ Woohoo, you're reading this text in a modal!
+
+
+
+````
+
+See the [Tag Helpers](Tag-Helpers/Index.md) document for more.
+
+### Forms & Validation
+
+ABP provides `abp-dynamic-form` and `abp-input` tag helpers to dramatically simplify to create a fully functional form that automates localization, validation and AJAX submission.
+
+**Example: Use `abp-dynamic-form` to create a complete form based on a model**
+
+````html
+
+````
+
+See the [Forms & Validation](Forms-Validation.md) document for details.
+
+### Bundling & Minification / Client Side Libraries
+
+ABP provides a flexible and modular Bundling & Minification system to create bundles and minify style/script files on runtime.
+
+````html
+
+
+
+
+
+
+````
+
+Also, Client Side Package Management system offers a modular and consistent way of managing 3rd-party library dependencies.
+
+See the [Bundling & Minification](Bundling-Minification.md) and [Client Side Package Management](Client-Side-Package-Management.md) documents.
+
+### JavaScript APIs
+
+[JavaScript APIs](JavaScript-API/Index.md) provides a strong abstractions to the server side localization, settings, permissions, features... etc. They also provide a simple way to show messages and **notifications** to the user.
+
+### Modals, Alerts, Widgets and More
+
+ABP Framework provides a lot of built-in solutions to common application requirements;
+
+* [Widget System](Widgets.md) can be used to create reusable widgets & create dashboards.
+* [Page Alerts](Page-Alerts.md) makes it easy to show alerts to the user.
+* [Modal Manager](Modals.md) provides a simple way to build and use modals.
+* [Data Tables](Data-Tables.md) integration makes straightforward to create data grids.
+
+## Customization
+
+There are a lot of ways to customize the theme and the UIs of the pre-built modules. You can override components, pages, static resources, bundles and more. See the [User Interface Customization Guide](Customization-User-Interface.md).
\ No newline at end of file
diff --git a/docs/en/docs-nav.json b/docs/en/docs-nav.json
index 78b2e8d324..2c55767ecc 100644
--- a/docs/en/docs-nav.json
+++ b/docs/en/docs-nav.json
@@ -400,8 +400,12 @@
"text": "User Interface",
"items": [
{
- "text": "ASP.NET Core MVC / Razor Pages",
+ "text": "MVC / Razor Pages",
"items": [
+ {
+ "text": "Overall",
+ "path": "UI/AspNetCore/Overall.md"
+ },
{
"text": "Navigation / Menus",
"path": "UI/AspNetCore/Navigation-Menu.md"