diff --git a/modules/docs/src/Volo.Docs.Admin.Web/Pages/Docs/Admin/Documents/Index.cshtml b/modules/docs/src/Volo.Docs.Admin.Web/Pages/Docs/Admin/Documents/Index.cshtml
index 0532ae0d70..c826454c9a 100644
--- a/modules/docs/src/Volo.Docs.Admin.Web/Pages/Docs/Admin/Documents/Index.cshtml
+++ b/modules/docs/src/Volo.Docs.Admin.Web/Pages/Docs/Admin/Documents/Index.cshtml
@@ -33,26 +33,26 @@
             <form autocomplete="off" id="FilterForm">
 
                 <div class="row">
-                    
+
                     <div class="col-auto">
                         <div class="input-group mb-2">
                             <div class="input-group-text">@L["Project"].Value</div>
 
                             <input type="text"
-                                   id="ProjectId"
-                                   name="ProjectId"
-                                   class="form-control me-sm-2">
+                               id="ProjectId"
+                               name="ProjectId"
+                               class="form-control me-sm-2">
                         </div>
                     </div>
-                    
+
                     <div class="col-auto">
                         <div class="input-group mb-2">
                             <div class="input-group-text">@L["Name"].Value</div>
 
                             <input type="text"
-                                   id="Name"
-                                   name="Name"
-                                   class="form-control me-sm-2">
+                               id="Name"
+                               name="Name"
+                               class="form-control me-sm-2">
                         </div>
                     </div>
 
@@ -61,112 +61,120 @@
                             <div class="input-group-text">@L["Version"].Value</div>
 
                             <input type="text"
-                                   id="Version"
-                                   name="Version"
-                                   class="form-control me-sm-2">
+                               id="Version"
+                               name="Version"
+                               class="form-control me-sm-2">
                         </div>
                     </div>
-
+                        
                     <div class="col-auto">
                         <div class="input-group mb-2">
                             <div class="input-group-text">@L["LanguageCode"].Value</div>
 
                             <input type="text"
-                                   id="LanguageCode"
-                                   name="LanguageCode"
-                                   class="form-control me-sm-2">
+                               id="LanguageCode"
+                               name="LanguageCode"
+                               class="form-control me-sm-2">
                         </div>
                     </div>
 
-                    <div class="col-auto">
-                        <div class="input-group mb-2">
-                            <div class="input-group-text">@L["Format"].Value</div>
+                    <abp-row class="mt-3 mb-3">
+                        <abp-column size-md="_12">
+                            <a href="javascript:;" id="AdvancedFilterSectionToggler" class="text-decoration-none">@L["SeeAdvancedFilters"]</a>
+                        </abp-column>
+                    </abp-row>
+                    <abp-row id="AdvancedFilterSection" style="display: none;">
 
-                            <input type="text"
+                        <div class="col-auto">
+                            <div class="input-group mb-2">
+                                <div class="input-group-text">@L["Format"].Value</div>
+
+                                <input type="text"
                                    id="Format"
                                    name="Format"
                                    class="form-control me-sm-2">
+                            </div>
                         </div>
-                    </div>
 
-                    <div class="col-auto">
-                        <div class="input-group mb-2">
-                            <div class="input-group-text">@L["CreationTime"].Value</div>
+                        <div class="col-auto">
+                            <div class="input-group mb-2">
+                                <div class="input-group-text">@L["CreationTime"].Value</div>
 
-                            <span>
-                                <input type="date"
+                                <span>
+                                    <input type="date"
                                        id="CreationTimeMin"
                                        name="CreationTimeMin"
                                        class="form-control datepicker"
                                        placeholder="@L["StartDate"].Value">
-                                <span>-</span>
-                                <input type="date"
+                                    <span>-</span>
+                                    <input type="date"
                                        id="CreationTimeMax"
                                        name="CreationTimeMax"
                                        placeholder="@L["EndDate"].Value"
                                        class="form-control datepicker">
-                            </span>
+                                </span>
+                            </div>
                         </div>
-                    </div>
 
-                    <div class="col-auto">
-                        <div class="input-group mb-2">
-                            <div class="input-group-text">@L["LastUpdateTime"].Value</div>
-                            <span>
-                                <input type="date"
+                        <div class="col-auto">
+                            <div class="input-group mb-2">
+                                <div class="input-group-text">@L["LastUpdateTime"].Value</div>
+                                <span>
+                                    <input type="date"
                                        id="LastUpdatedTimeMin"
                                        name="LastUpdatedTimeMin"
                                        class="form-control datepicker"
                                        placeholder="@L["StartDate"].Value">
-                                <span>-</span>
-                                <input type="date"
+                                    <span>-</span>
+                                    <input type="date"
                                        id="LastUpdatedTimeMax"
                                        name="LastUpdatedTimeMax"
                                        placeholder="@L["EndDate"].Value"
                                        class="form-control datepicker">
-                            </span>
+                                </span>
+                            </div>
                         </div>
-                    </div>
 
-                    <div class="col-auto">
-                        <div class="input-group mb-2">
-                            <div class="input-group-text">@L["LastSignificantUpdateTime"].Value</div>
+                        <div class="col-auto">
+                            <div class="input-group mb-2">
+                                <div class="input-group-text">@L["LastSignificantUpdateTime"].Value</div>
 
-                            <span>
-                                <input type="date"
+                                <span>
+                                    <input type="date"
                                        id="LastSignificantUpdateTimeMin"
                                        name="LastSignificantUpdateTimeMin"
                                        class="form-control datepicker"
                                        placeholder="@L["StartDate"].Value">
-                                <span>-</span>
-                                <input type="date"
+                                    <span>-</span>
+                                    <input type="date"
                                        id="LastSignificantUpdateTimeMax"
                                        name="LastSignificantUpdateTimeMax"
                                        placeholder="@L["EndDate"].Value"
                                        class="form-control datepicker">
-                            </span>
+                                </span>
+                            </div>
                         </div>
-                    </div>
 
-                    <div class="col-auto">
-                        <div class="input-group mb-2">
-                            <div class="input-group-text">@L["LastCachedTime"].Value</div>
+                        <div class="col-auto">
+                            <div class="input-group mb-2">
+                                <div class="input-group-text">@L["LastCachedTime"].Value</div>
 
-                            <span>
-                                <input type="date"
+                                <span>
+                                    <input type="date"
                                        id="LastCachedTimeMin"
                                        name="LastCachedTimeMin"
                                        class="form-control datepicker"
                                        placeholder="@L["StartDate"].Value">
-                                <span>-</span>
-                                <input type="date"
+                                    <span>-</span>
+                                    <input type="date"
                                        id="LastCachedTimeMax"
                                        name="LastCachedTimeMax"
                                        placeholder="@L["EndDate"].Value"
                                        class="form-control datepicker">
-                            </span>
+                                </span>
+                            </div>
                         </div>
-                    </div>
+                    </abp-row>
 
                     <div class="col-auto">
                         <abp-button button-type="Primary" icon="search" id="SearchButton" style="line-height: 25px;" text="@L["Search"].Value"></abp-button>
diff --git a/modules/docs/src/Volo.Docs.Admin.Web/Pages/Docs/Admin/Documents/index.js b/modules/docs/src/Volo.Docs.Admin.Web/Pages/Docs/Admin/Documents/index.js
index e19132cfc1..5f4dc9b8d7 100644
--- a/modules/docs/src/Volo.Docs.Admin.Web/Pages/Docs/Admin/Documents/index.js
+++ b/modules/docs/src/Volo.Docs.Admin.Web/Pages/Docs/Admin/Documents/index.js
@@ -157,4 +157,8 @@ $(function () {
         e.preventDefault();
         dataTable.ajax.reload();
     });
+
+    $("#AdvancedFilterSectionToggler").click(function (e) {
+        $("#AdvancedFilterSection").toggle();
+    });
 });