diff --git a/samples/DashboardDemo/src/DashboardDemo.Domain/Localization/DashboardDemo/en.json b/samples/DashboardDemo/src/DashboardDemo.Domain/Localization/DashboardDemo/en.json
index baa9fe753e..aa3df71bf2 100644
--- a/samples/DashboardDemo/src/DashboardDemo.Domain/Localization/DashboardDemo/en.json
+++ b/samples/DashboardDemo/src/DashboardDemo.Domain/Localization/DashboardDemo/en.json
@@ -3,6 +3,8 @@
   "texts": {
     "Menu:Home": "Home",
     "Welcome": "Welcome",
+    "RolesInApplication": "Roles in application",
+    "UserCount": "User count",
     "LongWelcomeMessage": "Welcome to the application. This is a startup project based on the ABP framework. For more information, visit abp.io."
   }
 }
\ No newline at end of file
diff --git a/samples/DashboardDemo/src/DashboardDemo.Web/Pages/widgets/RoleListWidgetViewComponent.cshtml b/samples/DashboardDemo/src/DashboardDemo.Web/Pages/widgets/RoleListWidgetViewComponent.cshtml
index 368be47350..056d805213 100644
--- a/samples/DashboardDemo/src/DashboardDemo.Web/Pages/widgets/RoleListWidgetViewComponent.cshtml
+++ b/samples/DashboardDemo/src/DashboardDemo.Web/Pages/widgets/RoleListWidgetViewComponent.cshtml
@@ -1,10 +1,12 @@
-@page
+@inject IHtmlLocalizer<DashboardDemoResource> L
+@using DashboardDemo.Localization.DashboardDemo
+@using Microsoft.AspNetCore.Mvc.Localization
 @model DashboardDemo.Pages.widgets.RoleListWidgetViewComponent
 @{
 }
 <div id="RoleListWidgetContainer">
     <abp-card background="Secondary">
-        <abp-card-header> Roles in application :</abp-card-header>
+        <abp-card-header> @L["RolesInApplication"] :</abp-card-header>
         <abp-card-body>
             <ul id="RoleList">
 
diff --git a/samples/DashboardDemo/src/DashboardDemo.Web/Pages/widgets/UserCountWidgetViewComponent.cshtml b/samples/DashboardDemo/src/DashboardDemo.Web/Pages/widgets/UserCountWidgetViewComponent.cshtml
index 2c1faed0f3..62c943d84b 100644
--- a/samples/DashboardDemo/src/DashboardDemo.Web/Pages/widgets/UserCountWidgetViewComponent.cshtml
+++ b/samples/DashboardDemo/src/DashboardDemo.Web/Pages/widgets/UserCountWidgetViewComponent.cshtml
@@ -1,10 +1,12 @@
-@page
+@inject IHtmlLocalizer<DashboardDemoResource> L
+@using DashboardDemo.Localization.DashboardDemo
+@using Microsoft.AspNetCore.Mvc.Localization
 @model DashboardDemo.Pages.widgets.UserCountWidgetViewComponent
 @{
 }
 <div id="UserCountWidgetContainer">
     <abp-card background="Info">
-        <abp-card-header>User Count :</abp-card-header>
+        <abp-card-header>@L["UserCount"] :</abp-card-header>
         <abp-card-body>
             <h1 id="UserCount"></h1>
         </abp-card-body>