Help Center/ Huawei Cloud Astro Zero/ Best Practices/ Standard Pages/ Customizing Standard Page Widget Packages/ Process of Customizing Standard Page Widgets
Updated on 2025-08-14 GMT+08:00
View PDF
Share

Process of Customizing Standard Page Widgets

Huawei Cloud Astro Zero provides you with a custom widget template package workCards.zip. This section shows how to customize an imgbutton widget from it. Table 1 shows the process.

Table 1 Process of customizing standard page widgets

No.

Step

Description

1

Step 1: Obtain the Widget Template Package
  1. Obtain workCards.zip.
  2. Learn the structure and definition specifications of workCards.zip.

2

Step 2: Customize the imgButton Widget
  1. Unzip workCards.zip and rename the resulting folder to imgButton.
  2. Customize the widget.
  3. Compress the content in the imgButton folder to generate the custom widget package dist\imgButton-***.zip.

3

Step 3: Upload the Custom Widget Package

Upload the custom widget to Huawei Cloud Astro Zero.

4

Step 4: Verify the Custom Widget

Create a standard page and drag the custom widget to the page. The widget is displayed properly. Add the display and hide events for the custom widget and check whether the effect meets the expectation.