> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Announcement Board

> Learn how to quickly upload image and text summaries through the Announcement board component in the portal editor, and configure the component style, title bar, and content. This includes selecting and configuring dynamic and static data sources, as well as adding announcement images.

## 1. Overview

Quickly upload image and text summaries to display as announcements.

## **2. Entry Point**

Select any app → Edit portal → Announcement board component

## **3. Configuration Steps**

Configure the following attributes to adjust the final component behavior. After adding the Announcement board component to the portal, you can:

### 3.1 Switch Component Style

Click **Switch appearance style** to change the component style as needed. Four display styles are currently supported.

### 3.2 Adjust the Title Bar

Control whether to **Show title**, change the **Title name**, set **Help tips**, and control whether to enable the **View more** option. When enabled, set the redirect URL for **View more**.

### 3.3 Configure Content

#### 3.3.1 Configure the Announcement Data Source

Configure the data source of the announcement. Two data source types are supported: dynamic and static.

<table>
  <tr>
    <td rowSpan={6}>Dynamic data source</td>
    <td><ul><li>Content source: Select a form under an app.</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>Title: Map to a field in the associated source form, such as Name.</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>Date: Map to a field in the associated source form, such as Date.</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>Link: Map to a field in the associated source form, such as Link.</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>Filter: After selecting a form, set the data filter conditions for that form.</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>Data entries: Set the **Data entries** value to control the maximum number of announcements visible in real time. To view the full list, click **More**.</li></ul></td>
  </tr>

  <tr>
    <td rowSpan={3}>Static data source</td>
    <td><ul><li>Title: Customize the title name.</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>Date: Customize the date.</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>Link: Customize the link type. Supports opening an internal page or an external link.</li></ul></td>
  </tr>
</table>

#### 3.3.2 Configure the Announcement Image

<table>
  <tr>
    <td rowSpan={3}>Announcement image</td>
    <td><ul><li>Image: Select an image.</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>Scaling rule: Supports Fill, Fit, and Stretch display modes.</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>Link: Customize the link type. Supports opening an internal page or an external link.</li></ul></td>
  </tr>
</table>