Custom page data Kanban

创建自定义页面 | 钉钉宜搭·帮助中心

能力免费版轻享版专业版专属版自定义页面不支持不支持支持支持未升级到新版信息架构的组织，请 点此查看 使用手册1. 操作步骤在应用管理界面，提供了两个创建自定义页面的入口1.1 通过【新建页面】下拉菜单创建左上角新建页面，在下拉菜单中选择【新建自定义页面(Beta)】，开始创建新建自定义页面1....

https://docs.aliwork.com/docs/yida_support/ui648w/ynk2lo

1. Usage scenarios

This example is available when we need to display some key data on the homepage.

This case currently passes YIDAiframe component embedded report implementation.

2. Implement functions

2.1 configure custom page display effect

2.2 configure report display effect

This is mainly the adjustment of the style in the column layout, as shown in the following figure.

:root {
  border: none !important;
  padding: 12px;
  display: block;
}

.react-grid-item-wrap{
  padding: 0;
  outline: 0;
}

.mobile .vc-rootcontent-topic.yida-rootcontent, .mobile .vc-rootcontent-topic.youshu-rootcontent, .vc-mobile-page .vc-rootcontent-topic.yida-rootcontent, .vc-mobile-page .vc-rootcontent-topic.youshu-rootcontent{
  padding: 0 !important;
}

.react-grid-item-wrap.mobile{
  padding: 0 !important;
  margin: 0 !important;
}

3. Effect demonstration

4. Try it online

示例中心 | 开发者赋能平台

AI智能体时代，全新宜搭。业务创新，一搭就行。

https://www.aliwork.com/o/coc?tplUuid=TPL_I9MTVDTVXS5WZCUIEU5D&from=yuque_subject