docs: add signin item table docs for application and add custom css f…

…or signup item table (#619)

* doc: add signin item for application and add custom css for signup item

* fix: fix linter problem

* fix: update png name

* feat: add page to sidebar

docs/application/signin-items-table.md

@@ -0,0 +1,22 @@
+---
+title: Signin Items Table
+description: Configure the signin items table to create a custom signin page
+keywords: [signin, items, table]
+authors: [DacongDA]
+---
+
+On the application configuration page, we can configure the signin items table to create a customized registration page. We can add or delete any signin item on this signin items table.
+
+![Signin Items Table](/img/application/signin-items-table/signin-items-table.png)
+
+For a detailed explanation of each signin item, please refer to the table below.
+
+| Column Name | Selectable Value | Description                                                                                                                                                 |
+|:-----------:|:----------------:|-------------------------------------------------------------------------------------------------------------------------------------------------------------|
+|    Name     |        -         | The name of the signin item.                                         |
+|   Visible   | `True` / `False` | Select whether this signin item is visible on the registration page.                                                                                        |
+| Label HTML  | - | If this signin item is added as a custom item, Label should be the html code for this field.   |
+| Custom CSS  | - | CSS code for this signin item.  |
+|    Placeholder     |        -         | The placeholder of the signin item.                                         |
+|    Rule     |  `Rule Items`   | Select a rule to customize this signin item. Detailed rules are described in the table below. |
+|   Action    |        -         | Users can perform actions such as moving this signin item up, moving it down, or deleting it.                            |

docs/application/signup-items-table.md

@@ -17,6 +17,8 @@ For a detailed explanation of each signup item, please refer to the table below.
 |   Visible   | `True` / `False` | Select whether this signup item is visible on the registration page.                                                                                        |
 |  Required   | `True` / `False` | Select whether this signup item is mandatory.                                                                                                    |
 |  Prompted   | `True` / `False` | Select whether to prompt the user when they forget to fill in this signup item.                                                                               |
+| Label  | - | If this signup item start with `Text`, Label should be the html code for this field. If not it will repalce the label of this signup item.   |
+| Custom CSS  | - | CSS code for this signup item.  |
 |    Rule     |  `Rule Items`   | Select a rule to customize this signup item. Detailed rules are described in the table below. |
 |   Action    |        -         | Users can perform actions such as moving this signup item up, moving it down, or deleting it.                            |
 

sidebars.js

@@ -130,6 +130,7 @@ module.exports = {
         "application/providers",
         "application/signin-methods",
         "application/signup-items-table",
+        "application/signin-items-table",
         "application/ui-customization",
         "application/specify-login-organization",
         "application/tags",