(Solved) Button Order Displaying Incorrectly

Configuration: Node-Red 0.19.5, Dashboard 2.10.1

I have made a simple Dashboard with about ten buttons on it, but they are not displaying in the order that they are configured in. The "Study Cool 26" and "Study Cool 23" should be under the heading "Study Craig".

Here is the code for the flow:

    {
        "id": "fb127c2f.3e85d",
        "type": "tab",
        "label": "Air Con",
        "disabled": false,
        "info": ""
    },
    {
        "id": "977ab440.071ae8",
        "type": "mqtt out",
        "z": "fb127c2f.3e85d",
        "name": "Air Con Craig Study",
        "topic": "heatpump-craig-study/cmd",
        "qos": "0",
        "retain": "false",
        "broker": "46ae9f89.2d1cf",
        "x": 1280,
        "y": 220,
        "wires": []
    },
    {
        "id": "a2a1aabb.ca4718",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Fan, fan 1, vert down, swing auto",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,1,5,1,23,6,1,0",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 962,
        "y": 398,
        "wires": [
            [
                "977ab440.071ae8"
            ]
        ]
    },
    {
        "id": "485bf18b.8dc0f",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Fan, fan 1, vert up",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,1,5,1,23,2",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 922,
        "y": 438,
        "wires": [
            [
                "977ab440.071ae8"
            ]
        ]
    },
    {
        "id": "b51b6e05.b0af7",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Off",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,0",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 890,
        "y": 340,
        "wires": [
            [
                "977ab440.071ae8"
            ]
        ]
    },
    {
        "id": "2f52c84b.ca9bf8",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Cool, fan auto, vert up, 22, swing auto",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,1,3,1,22,1,2",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 990,
        "y": 520,
        "wires": [
            [
                "977ab440.071ae8"
            ]
        ]
    },
    {
        "id": "5c0c666b.b60828",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Cool, fan auto, vert down, 20, swing auto",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,1,3,0,20,6,5,2",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 1000,
        "y": 560,
        "wires": [
            [
                "977ab440.071ae8"
            ]
        ]
    },
    {
        "id": "bd2e68d8.863588",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Cool, fan auto, vert up, 23, swing auto",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,1,3,0,23,2,5,0",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 990,
        "y": 480,
        "wires": [
            [
                "977ab440.071ae8"
            ]
        ]
    },
    {
        "id": "9c8a9724.0f2718",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Dry, fan auto, vert up, 24, swing auto",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,1,4,0,24,2,5,0",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 980,
        "y": 600,
        "wires": [
            [
                "977ab440.071ae8"
            ]
        ]
    },
    {
        "id": "d5375739.18fef8",
        "type": "mqtt out",
        "z": "fb127c2f.3e85d",
        "name": "Air Con Mast Bed",
        "topic": "heatpump-mast-bed/cmd",
        "qos": "0",
        "retain": "false",
        "broker": "46ae9f89.2d1cf",
        "x": 510,
        "y": 340,
        "wires": []
    },
    {
        "id": "8bb02cad.cf63d",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Fan, fan 1, vert down, swing auto",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,1,5,1,23,6,1,0",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 210,
        "y": 340,
        "wires": [
            [
                "d5375739.18fef8"
            ]
        ]
    },
    {
        "id": "b904ea0a.e054d8",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Fan, fan 1, vert auto",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,1,5,1,23,1",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 170,
        "y": 380,
        "wires": [
            [
                "d5375739.18fef8"
            ]
        ]
    },
    {
        "id": "69139971.77ac38",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Off",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,0",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 130,
        "y": 300,
        "wires": [
            [
                "d5375739.18fef8"
            ]
        ]
    },
    {
        "id": "ba87e019.af972",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Cool, fan auto, 22, vert mid down, swing auto",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,1,3,0,22,5,5,0",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 250,
        "y": 500,
        "wires": [
            [
                "d5375739.18fef8"
            ]
        ]
    },
    {
        "id": "ba3f2052.e5dc4",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Cool, fan auto, vert down, 20, swing auto",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,1,3,0,20,6,5,2",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 240,
        "y": 540,
        "wires": [
            [
                "d5375739.18fef8"
            ]
        ]
    },
    {
        "id": "872ee08.80f762",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Cool, fan auto, vert up, 23, swing auto",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,1,3,0,23,2,5,0",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 230,
        "y": 460,
        "wires": [
            [
                "d5375739.18fef8"
            ]
        ]
    },
    {
        "id": "c687d72d.24a808",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Dry, fan auto, vert up, 24, swing auto",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,1,4,0,24,2,5,0",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 220,
        "y": 660,
        "wires": [
            [
                "d5375739.18fef8"
            ]
        ]
    },
    {
        "id": "17cc2a.d19793d6",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Heat, fan auto, 25, down",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,1,2,0,25,6,5,0",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 210,
        "y": 900,
        "wires": [
            [
                "d5375739.18fef8"
            ]
        ]
    },
    {
        "id": "25022fe.9ed89d",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Heat, fan auto, 23, down",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,1,2,0,23,6,5,0",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 210,
        "y": 940,
        "wires": [
            [
                "d5375739.18fef8"
            ]
        ]
    },
    {
        "id": "82ecf2c0.27b1a",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Heat, fan auto, 22, down",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,1,2,0,22,6,5,0",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 210,
        "y": 980,
        "wires": [
            [
                "d5375739.18fef8"
            ]
        ]
    },
    {
        "id": "99c92f29.a1b98",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Heat, fan auto, 27, down",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,1,2,0,27,6,5,0",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 210,
        "y": 860,
        "wires": [
            [
                "d5375739.18fef8"
            ]
        ]
    },
    {
        "id": "3ae682b9.c160ce",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Cool, fan auto, vert down, 18, swing auto",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,1,3,0,18,6,5,2",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 240,
        "y": 580,
        "wires": [
            [
                "d5375739.18fef8"
            ]
        ]
    },
    {
        "id": "5983a710.f7a928",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Dry, fan auto, 16, vert down",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,1,4,0,16,6,5,0",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 200,
        "y": 720,
        "wires": [
            [
                "d5375739.18fef8"
            ]
        ]
    },
    {
        "id": "701f2ae8.042ec4",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Dry, fan auto, 16, vert down",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,1,4,0,16,6,5,0",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 960,
        "y": 660,
        "wires": [
            [
                "977ab440.071ae8"
            ]
        ]
    },
    {
        "id": "4ff28259.1a4bdc",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Cool, fan auto, vert down, 16",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,1,3,0,16,6,5,2",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 200,
        "y": 620,
        "wires": [
            [
                "d5375739.18fef8"
            ]
        ]
    },
    {
        "id": "686dc4b0.d2a9cc",
        "type": "inject",
        "z": "fb127c2f.3e85d",
        "name": "Cool, fan auto, 24, vert mid down, swing auto",
        "topic": "",
        "payload": "heatpumpir,panasonic_jke,1,3,0,24,5,5,0",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 250,
        "y": 420,
        "wires": [
            [
                "d5375739.18fef8"
            ]
        ]
    },
    {
        "id": "b5c540dc.0619e",
        "type": "ui_button",
        "z": "fb127c2f.3e85d",
        "name": "Study Off",
        "group": "85303bcf.b9e0e8",
        "order": 8,
        "width": 0,
        "height": 0,
        "passthru": false,
        "label": "Off",
        "color": "",
        "bgcolor": "",
        "icon": "",
        "payload": "heatpumpir,panasonic_jke,0",
        "payloadType": "str",
        "topic": "",
        "x": 880,
        "y": 100,
        "wires": [
            [
                "977ab440.071ae8"
            ]
        ]
    },
    {
        "id": "7af96de7.0a60e4",
        "type": "ui_button",
        "z": "fb127c2f.3e85d",
        "name": "Study Cool 20",
        "group": "85303bcf.b9e0e8",
        "order": 11,
        "width": "2",
        "height": "1",
        "passthru": false,
        "label": "Study Cool 20",
        "color": "",
        "bgcolor": "",
        "icon": "",
        "payload": "heatpumpir,panasonic_jke,1,3,0,20,6,5,2",
        "payloadType": "str",
        "topic": "",
        "x": 900,
        "y": 260,
        "wires": [
            [
                "977ab440.071ae8"
            ]
        ]
    },
    {
        "id": "93dc6858.fe3d58",
        "type": "ui_button",
        "z": "fb127c2f.3e85d",
        "name": "Study Cool 16",
        "group": "85303bcf.b9e0e8",
        "order": 12,
        "width": "2",
        "height": "1",
        "passthru": false,
        "label": "Study Cool 16",
        "color": "",
        "bgcolor": "",
        "icon": "",
        "payload": "heatpumpir,panasonic_jke,1,3,0,16,6,5,2",
        "payloadType": "str",
        "topic": "",
        "x": 900,
        "y": 300,
        "wires": [
            [
                "977ab440.071ae8"
            ]
        ]
    },
    {
        "id": "cfcb8e8f.646d1",
        "type": "ui_button",
        "z": "fb127c2f.3e85d",
        "name": "Off",
        "group": "85303bcf.b9e0e8",
        "order": 2,
        "width": 0,
        "height": 0,
        "passthru": false,
        "label": "Off",
        "color": "",
        "bgcolor": "",
        "icon": "",
        "payload": "heatpumpir,panasonic_jke,0",
        "payloadType": "str",
        "topic": "",
        "x": 110,
        "y": 80,
        "wires": [
            [
                "d5375739.18fef8"
            ]
        ]
    },
    {
        "id": "5a708227.37bb1c",
        "type": "ui_button",
        "z": "fb127c2f.3e85d",
        "name": "Cool 20",
        "group": "85303bcf.b9e0e8",
        "order": 5,
        "width": "2",
        "height": "1",
        "passthru": false,
        "label": "Cool 20",
        "color": "",
        "bgcolor": "",
        "icon": "",
        "payload": "heatpumpir,panasonic_jke,1,3,0,20,6,5,2",
        "payloadType": "str",
        "topic": "",
        "x": 120,
        "y": 220,
        "wires": [
            [
                "d5375739.18fef8"
            ]
        ]
    },
    {
        "id": "74dd302d.60166",
        "type": "ui_button",
        "z": "fb127c2f.3e85d",
        "name": "Cool 16",
        "group": "85303bcf.b9e0e8",
        "order": 6,
        "width": "2",
        "height": "1",
        "passthru": false,
        "label": "Cool 16",
        "color": "",
        "bgcolor": "",
        "icon": "",
        "payload": "heatpumpir,panasonic_jke,1,3,0,16,6,5,2",
        "payloadType": "str",
        "topic": "",
        "x": 120,
        "y": 260,
        "wires": [
            [
                "d5375739.18fef8"
            ]
        ]
    },
    {
        "id": "719a4b03.351444",
        "type": "ui_button",
        "z": "fb127c2f.3e85d",
        "name": "Study Cool 23",
        "group": "85303bcf.b9e0e8",
        "order": 10,
        "width": "2",
        "height": "1",
        "passthru": false,
        "label": "Study Cool 23",
        "color": "",
        "bgcolor": "",
        "icon": "",
        "payload": "heatpumpir,panasonic_jke,1,3,0,23,6,5,2",
        "payloadType": "str",
        "topic": "",
        "x": 900,
        "y": 220,
        "wires": [
            [
                "977ab440.071ae8"
            ]
        ]
    },
    {
        "id": "94f0318a.b9376",
        "type": "ui_button",
        "z": "fb127c2f.3e85d",
        "name": "Cool 23",
        "group": "85303bcf.b9e0e8",
        "order": 4,
        "width": "2",
        "height": "1",
        "passthru": false,
        "label": "Cool 23",
        "color": "",
        "bgcolor": "",
        "icon": "",
        "payload": "heatpumpir,panasonic_jke,1,3,0,23,6,5,2",
        "payloadType": "str",
        "topic": "",
        "x": 120,
        "y": 180,
        "wires": [
            [
                "d5375739.18fef8"
            ]
        ]
    },
    {
        "id": "ae0cfa2b.ed62e8",
        "type": "ui_text",
        "z": "fb127c2f.3e85d",
        "group": "85303bcf.b9e0e8",
        "order": 1,
        "width": 0,
        "height": 0,
        "name": "MASTER BEDROOM",
        "label": "MASTER BEDROOM",
        "format": "{{msg.payload}}",
        "layout": "col-center",
        "x": 140,
        "y": 1100,
        "wires": []
    },
    {
        "id": "71f2d6dd.ac2328",
        "type": "ui_text",
        "z": "fb127c2f.3e85d",
        "group": "85303bcf.b9e0e8",
        "order": 7,
        "width": 0,
        "height": 0,
        "name": "STUDY CRAIG",
        "label": "STUDY CRAIG",
        "format": "{{msg.payload}}",
        "layout": "col-center",
        "x": 120,
        "y": 1180,
        "wires": []
    },
    {
        "id": "27e74207.cc835e",
        "type": "ui_button",
        "z": "fb127c2f.3e85d",
        "name": "Study Cool 26",
        "group": "85303bcf.b9e0e8",
        "order": 9,
        "width": "2",
        "height": "1",
        "passthru": false,
        "label": "Study Cool 26",
        "color": "",
        "bgcolor": "",
        "icon": "",
        "payload": "heatpumpir,panasonic_jke,1,3,0,26,6,5,2",
        "payloadType": "str",
        "topic": "",
        "x": 900,
        "y": 180,
        "wires": [
            [
                "977ab440.071ae8"
            ]
        ]
    },
    {
        "id": "373f080d.af4d78",
        "type": "ui_button",
        "z": "fb127c2f.3e85d",
        "name": "Cool 26",
        "group": "85303bcf.b9e0e8",
        "order": 3,
        "width": "2",
        "height": "1",
        "passthru": false,
        "label": "Cool 26",
        "color": "",
        "bgcolor": "",
        "icon": "",
        "payload": "heatpumpir,panasonic_jke,1,3,0,26,6,5,2",
        "payloadType": "str",
        "topic": "",
        "x": 120,
        "y": 140,
        "wires": [
            [
                "d5375739.18fef8"
            ]
        ]
    },
    {
        "id": "80a3e753.002db8",
        "type": "ui_text",
        "z": "fb127c2f.3e85d",
        "group": "85303bcf.b9e0e8",
        "order": 13,
        "width": 0,
        "height": 0,
        "name": "BOTTOM",
        "label": "BOTTOM",
        "format": "{{msg.payload}}",
        "layout": "col-center",
        "x": 100,
        "y": 1240,
        "wires": []
    },
    {
        "id": "46ae9f89.2d1cf",
        "type": "mqtt-broker",
        "z": "",
        "broker": "192.168.1.140",
        "port": "1883",
        "clientid": "",
        "usetls": false,
        "compatmode": true,
        "keepalive": "60",
        "cleansession": true,
        "birthTopic": "",
        "birthQos": "0",
        "birthPayload": "",
        "willTopic": "",
        "willQos": "0",
        "willPayload": ""
    },
    {
        "id": "85303bcf.b9e0e8",
        "type": "ui_group",
        "z": "",
        "name": "Air Conditioners",
        "tab": "ee21af0e.84512",
        "disp": true,
        "width": "6",
        "collapse": false
    },
    {
        "id": "ee21af0e.84512",
        "type": "ui_tab",
        "z": "",
        "name": "Air Conditioners",
        "icon": "dashboard",
        "order": 2
    }
] ```

Any help would be appreciated.

If dashboard elements are in one group you can change the order by dragging them in Dashboard Layout panel.
image

2 Likes

Thanks!

I was moving them around, but your comment tipped me off to the fact that there needed to be two groups.