# MicroMeta Dashboard Instructions

**Published by:** [I'm Lucio](https://paragraph.com/@imlucio/)
**Published on:** 2022-08-14
**URL:** https://paragraph.com/@imlucio/micrometa-dashboard-instructions

## Content

Dashboard Designerhow to make a dashboard using the designer...1. Overviewmenu introduction功能标注2. Element Type设计器支持三类元素： Layout Element 、Bacis Element 、 Data Element2.1 Layout Element2.2 Basic Element2.3 Data Element3. How To Use3.1 Dashboard Template Structure如上图所示,设计仪表盘只需要简单的几个步骤:选择合适的布局容器元素拖拽到编辑区选择合适的基本元素到布局容器内选择合适的数据元素到布局容器内.[带有条件查询的数据元素,需要按提示填写必要的参数]3.2 Drag And Drop Positioning无论哪种类型的元素，拖拽到编辑区时都需要放置在一定的位置。例如目标元素的下方或者右侧。 拖拽元素到编辑区时,当靠近目标元素时(放置在这个目标的内部或者下方)。发现目标元素的边框变为黄色。另外还有一条绿色的线跟随着拖拽元素，这条绿色的线代表着拖拽元素的实时位置。 示例:拖拽位置总结:目标元素的上方目标元素的下方目标元素的左侧目标元素的右侧目标元素的内部3.3 Query Conditions某些数据元素需要填写查询参数,才可以在模板加载的时候正常显示出数据。 示例:示例中,需要填写红色矩形框内的参数: { "address": "0x6b175474e89094c44da98b954eedeac495271d0f", "type": "token", "query":"holders", "period": "1d" }address: Token或者NFT的地址type: 数据的类型,Token或者NFTquery:查询的类型,holders或者transactionperiod:时间段,1d或者1w又或者1m,对应1天|周|月模板解析结果:3.4 Query L1拖放数据控件后，就会弹出设置查询条件的窗口填写对应的代币或者NFT数据，再填写对应时间范围，就可以生成对应数据。4. Save Dashboard设计完Dashboard后，需要点击设计器顶部工具栏右侧的"云朵"图标(保存菜单)进行保存。 输入一个Dashboard名称后，再点击对话框的Save就可以完成保存了。注意事项:设计器将会实时缓存编辑区的内容即使在未保存的情况下,不小心关掉了浏览器,内容也不会丢失,再此进入设计器时自动显示上次编辑的内容。前提是未清空浏览器缓存的情况下。Custom Data Element自定义数据元素：允许用户访问系统内的所有数据,并通过SQL设计器，自行设计数据元素控件。 Will be coming soon. Demo Video

## Publication Information

- [I'm Lucio](https://paragraph.com/@imlucio/): Publication homepage
- [All Posts](https://paragraph.com/@imlucio/): More posts from this publication
- [RSS Feed](https://api.paragraph.com/blogs/rss/@imlucio): Subscribe to updates
- [Twitter](https://twitter.com/0x_lucio): Follow on Twitter