[QUESTION] <title> How to set up widgets using web pages

[Aurora-Dylan]

Question

I use the ui interface to set it up, but a lot of blog tutorials are based on the conf

How to set up widgets using web pages

The following code is shown in the image：
{
"name": "1",
"displayData": {
"sortBy": "default",
"rows": 1,
"cols": 1,
"collapsed": false,
"hideForGuests": false
},
"items": [
]
}

That's the effect I was looking for.：

Category

Widgets

Please tick the boxes

• You are using a supported version of Dashy (check the first two digits of the version number)
• You've checked that this question hasn't already been raised
• You've checked the docs and troubleshooting guide
• You agree to the code of conduct

[Aurora-Dylan]

Configuration location is at (Config👉Update Configuration👉Edit Config👉Edit Config👉Tree at the top to code); if you don't know where to place it, you can first create a new Section via the Web UI (go to the Interaction Editor in the upper right corner)

{
      "name": "12",
      "icon": "12",
      "displayData": {
        "sortBy": "default",
        "rows": 1,
        "cols": 1,
        "collapsed": false,
        "hideForGuests": false
      },
      "items": []    这个位置替换成下面的"widgets"的内容
    }

eg:

{
      "name": "CPU History",
      "icon": "",
      "displayData": {
        "sortBy": "default",
        "rows": 1,
        "cols": 2,
        "collapsed": false,
        "hideForGuests": false
      },
      "widgets": [
        {
          "type": "gl-cpu-history",  #具体在 https://dashy.to/docs/widgets#current-cpu-usage
          "options": {
            "hostname": "http://192.168.1.1:61208",  # glances部署的端口
            "limit": "300" 
          },
          "id": "0_1018_glcpuhistory"
        }
      ]
    },

[Aurora-Dylan]

this is one of my fiddling around with a solution