Configuration Guide for Tuya Public Panel

Last Updated on2020-06-03 10:16:28

Note: Virtual devices are not supported well by bluetooth and Zigbee products, so problems may occur when preview the panel by scanning QR code. The final effect of the panel is subject to the real display of device.

Panel configuration of SoC products — Take Wi-Fi four-way socket as an example

Common categories: power accessories, smart LED lighting

Products use SoC development-free solutions only allow changes on the panel appearance and panel texts but not the function points.

Functional Requirements of Products

A four-way socket with two Chinese national standard sockets and two USB sockets

Display of Standard Panel

Configuration Steps

Set the Panel Style

In this section, you can change the pattern styles of the panel. The fixed style template and custom template are provided on the platform.

a) Select a custom panel (only the panels have Custom tag in the upper left corner support custom modifications).

1

b) After selected, enter the template editing interface.

2

c) Set UI background.

In this module, you can choose the background type of the App panel to set the keynote of the panel.

You can choose to use either a background color or a background image as the background of the panel. After editing, you can preview the effect by scanning the QR code on the right side of the page.

Ⅰ) Background color

You can choose a preset color or use the hexadecimal RGB colors for background color. After finish, click Save.

3

Ⅱ) Background image

You can choose a preset image or upload a custom image.

Note: Requirements for image: Dimensions: 750px*1334px, Format: png, jpeg, jpg.

After finish, click Save.

d) Set UI interface theme color.

In this module, you can choose the theme color of the panel. For example, the theme color in the four-way socket panel is presented as the background color of the main switch.

You can choose a preset color or use a hexadecimal RGB color for the theme color. After editing, click "Save". You can preview the effect by scanning the QR code on the right side of the page.

e) Set the font color.

In this module, you can choose the font color to be displayed on the panel. You can also change the foreground color of the button icon for the four-way socket panel.

You can choose a preset color or use a hexadecimal RGB color for the font color. Click on the color block next to the color code to use the palette for color selection.

After editing, click "Save". You can preview the effect by scanning the QR code on the right side of the page.

f) Edit icon style.

In this module, you can choose the icon style to be displayed on the panel or upload custom images for the icon. You can choose the specification and style of the socket on the four-way socket panel.

Note: Requirements for images: Dimensions : 336px*336px, Format: png.

After editing, click "Save". You can preview the effect by scanning the QR code on the right side of the page.

The modified panel is shown as below.

Set the panel text. (Clean up the App cache or re-scan the code if the modification is ineffective.)

You can edit the panel text in the Multilingual module.

a) Go to Multilingual.

b) In the Product Information, you can edit the field texts related to the data points.

According to the settings of the panel icon, make modifications as follows:

BeforeAfter
Switch 3USB Switch 1
Switch 4USB Switch 2
Switch 3 Count DownUSB Switch 1 Count Down
Switch 4 Count DownUSB Switch 2 Count Down

After the modification is completed and saved, the App panel is shown as below:

c) In the App Interface, you can edit the field texts other than the data points.

Make the following modifications.

BeforeAfter
CancelLet me think
RenameTake a nickname

The effect of the panel is shown as below:

Ⅱ.Panel configuration for MCU products — Take Wi-Fi air purifier as an example

Common categories: small household appliances, kitchen appliances, sensors

Because of the MCU products have editable data points, you can add or delete product functions on the public panels which support custom.

For the guide of defining data point type, see: https://docs.tuya.com/en/iot/configure-in-platform/function-definition/custom-functions

Note:

  • Because the Tuya Public Panel is one-to-one correspondence with the default standard data points, the lack of some required standard data points may cause the panel fails to load; some standard data points may cause the incomplete functions of the panel.

  • The cumulative addition of more than 25 standard functions points and custom function points on some devices may affect the stability of the device. Please operate with caution. Support adding up to 40 function points (excluding the cloud functions).

Functional Requirements of Products

  1. Show indoor temperature and humidity, TVOC and formaldehyde (HCHO) concentration on the panel.

  2. Add a pendulum switch to the panel.

  3. The font color of indoor PM2.5 concentration number changes according to the concentration value (0-50 is green; 50-100 is yellow; more than 100 is red).

  4. Display the weather icons rather than simple text for outdoor weather information.

  5. Remove the display of indoor PM2.5 concentration curve.

Display of Standard Panel

Configuration Steps

Set data points.

a) Check the standard data points in the following figure according to product requirements:

b) After determination, the details of data points are shown as follows:

c) Add the following custom data points according to product requirements.

d) Choose a public Air Purifier template.

Set multilingual text (Clean up App cache or re-scan the code if the modification is ineffective)

Supplement the multilingual texts as follows:

NumberFunction pointAttribute valueLanguage package key valueChinese (Simplified)English
14TVOC-dp_tvocTVOCTVOC
tvocunitdp_tvoc_unit
101甲醛-dp_ch2o甲醛CH2O
ch2ounitdp_ch2o_unit
102摆叶-dp_pendulum摆叶Pendulum
pendulumondp_pendulum_onOn
offdp_pendulum_offOff

Change functions by submitting work orders

The font color for PM2.5 number, weather icon, and indoor PM2.5 concentration curve can only be modified by Tuya by configuring the background code. To modify these functions, please submit a work order to apply for changes.

a) Where to submit a work order?

b) After the change, the panel style is shown as follows:

Precautions

  1. Do not choose Char type or RAW type for custom functions, otherwise the public air purifier panel may crash.

  2. In the Custom Function section, the Data report type DP will be displayed in the Home interface, and the Control and report type DP will be displayed in the Settings interface.

  3. The Fault type function does not display.

Public Panel Configurable Items

The graffiti public panel supports a wide range of custom function configurations, but currently the following features need to be contacted by the graffiti staff for configuration. If you need it, you can submit a work order and attach a PID to request a configuration for the graffiti. For the work order submission method, please refer to the second part of this document - configuration steps - the third step.