diff --git a/module/task/css/common.ui.css b/module/task/css/common.ui.css
new file mode 100644
index 0000000000..da7d29b6fa
--- /dev/null
+++ b/module/task/css/common.ui.css
@@ -0,0 +1,2 @@
+div.input-group.no-background .input-group-addon {background: none;}
+.items-center {align-items: center !important;}
diff --git a/module/task/css/create.ui.css b/module/task/css/create.ui.css
index df9f598267..ab848ed438 100644
--- a/module/task/css/create.ui.css
+++ b/module/task/css/create.ui.css
@@ -1,7 +1,5 @@
 .flex-none {flex: none !important;}
-.items-center {align-items: center !important;}
 #taskCreateForm #pri {width: 5rem;}
 #taskCreateForm .empty-story-tip input {padding: 0;}
 #taskCreateForm .empty-story-tip .input-control-suffix {padding-right: 0;}
 #taskCreateForm .empty-story-tip .input-control-suffix .btn:hover:before {background: none;}
-#taskCreateForm .no-background .input-group-addon {background: none;}
diff --git a/module/task/ui/activate.html.php b/module/task/ui/activate.html.php
new file mode 100644
index 0000000000..ed996680c1
--- /dev/null
+++ b/module/task/ui/activate.html.php
@@ -0,0 +1,97 @@
+<?php
+declare(strict_types=1);
+/**
+ * The activate view file of task module of ZenTaoPMS.
+ * @copyright   Copyright 2009-2023 禅道软件（青岛）有限公司(ZenTao Software (Qingdao) Co., Ltd. www.zentao.net)
+ * @license     ZPL(https://zpl.pub/page/zplv12.html) or AGPL(https://www.gnu.org/licenses/agpl-3.0.en.html)
+ * @author      Shujie Tian<tianshujie@easycorp.ltd>
+ * @package     task
+ * @link        https://www.zentao.net
+ */
+namespace zin;
+/* ====== Preparing and processing page data ====== */
+
+/* zin: Set variables to define control for form. */
+$taskModeBox = '';
+if($isMultiple)
+{
+    $taskModeBox = formGroup
+    (
+        set::width('1/4'),
+        set::label($lang->task->mode),
+        inputGroup
+        (
+            set::class('no-background'),
+            zget($lang->task->modeList, $task->mode),
+            input
+            (
+                set::class('hidden'),
+                set::name('mode'),
+                set::value($task->mode),
+            ),
+        ),
+    );
+}
+
+$manageTeamBox = '';
+if($isMultiple)
+{
+    $manageTeamBox = formGroup(
+        set::width('1/10'),
+        setClass('items-center'),
+        checkbox
+        (
+            set::name('multiple'),
+            set::text($lang->task->manageTeam),
+            set::rootClass('ml-4'),
+        )
+    );
+}
+
+$leftBox = '';
+if($task->parent != '-1')
+{
+    $leftBox = formGroup(
+        set::width('1/4'),
+        set::label($lang->task->left),
+        inputControl
+        (
+            input(set::name('left')),
+            to::suffix($lang->task->suffixHour),
+            set::suffixWidth(20),
+        ),
+    );
+}
+
+/* ====== Define the page structure with zin widgets ====== */
+formPanel
+(
+    $taskModeBox,
+    formRow
+    (
+        formGroup
+        (
+            set::width('1/4'),
+            set::label($lang->task->assignedTo),
+            set::name('assignedTo'),
+            set::items($isMultiple ? $teamMembers : $members),
+            set::value($isMultiple ? '' : $task->finishedBy),
+            set::required($isMultiple),
+        ),
+        $manageTeamBox,
+    ),
+    $leftBox,
+    formGroup
+    (
+        set::label($lang->comment),
+        editor
+        (
+            set::name('comment'),
+            set::rows('5'),
+        )
+    ),
+);
+
+/* ====== Render page ====== */
+render();
+