Search button or input in dashboard

Hi all!

I need to add a search functionality if it is possible. The main goal is to search within the whole groups and tabs.

I want to add the "search" feature inside the main bar.

Thanks a lot in advance!.

Don't believe this is a built-in feature of Dashboard. You might be able to code it up yourself using a ui_template node.

Yes i know and that is the help i'm looking for in here.
How can i start to code it using a ui_template node?. I need some hints.

Regards

I'm afraid I don't use Angular - you will need to do some research on doing it using Angular v1 which is what Dashboard is based on.

Alternatively, if you don't need the other features of Dashboard, you can build custom ui's using any framework you like by using node-red-contrib-uibuilder.

Great.

The main goal is to search across the groups and tabs and that is the hard part i think.

Besides doing it in Angular i think there is a mechanism that must be done with code.

It is likely to be complex and most likely you will need to walk the DOM because you will be searching for text in the visible (and non-visible) DOM. Angular, being a single-page app framework, shows/hides elements of the DOM so if you want to search for text on a hidden "tab", you will need to be able to access that. Depending on how Dashboard is configured, those DOM elements might not even exist if they are in a background tab (though I believe that Angular does not actually destroy DOM elements, just hides them).

Ok.

Let's try something. By far i have this.

[
    {
        "id": "5c42798006c66cf9",
        "type": "tab",
        "label": "docs",
        "disabled": false,
        "info": "",
        "env": []
    },
    {
        "id": "af895c52e12cee21",
        "type": "group",
        "z": "5c42798006c66cf9",
        "name": "client 2",
        "style": {
            "label": true,
            "color": "#000000"
        },
        "nodes": [
            "b59c2d5703d7af40",
            "52b79c05fc2d13b9",
            "edd35247be478004",
            "33da1404a4f86a06",
            "f14340a37e866581"
        ],
        "x": 374,
        "y": 79,
        "w": 272,
        "h": 242
    },
    {
        "id": "27a29473dcb0799c",
        "type": "group",
        "z": "5c42798006c66cf9",
        "name": "client 1",
        "style": {
            "label": true,
            "color": "#000000"
        },
        "nodes": [
            "f8e6f4e03ec6f437",
            "df3b09823a0be235",
            "f424d5b7e9625904",
            "dac69f93724f9be2",
            "8e6687ef2a55ccf0"
        ],
        "x": 74,
        "y": 79,
        "w": 272,
        "h": 202
    },
    {
        "id": "f424d5b7e9625904",
        "type": "ui_text",
        "z": "5c42798006c66cf9",
        "g": "27a29473dcb0799c",
        "group": "5f373ce19a1aa290",
        "order": 1,
        "width": 0,
        "height": 0,
        "name": "plataforma",
        "label": "Plataforma:",
        "format": "https://conectabpo.s1gateway.com/",
        "layout": "row-left",
        "className": "main-title-content no-gap",
        "x": 170,
        "y": 240,
        "wires": []
    },
    {
        "id": "5f373ce19a1aa290",
        "type": "ui_group",
        "name": "integration 1",
        "tab": "4a9479ab3f4555f0",
        "order": 1,
        "disp": true,
        "width": "6",
        "collapse": true,
        "className": "group-integracion"
    },
    {
        "id": "4a9479ab3f4555f0",
        "type": "ui_tab",
        "name": "client 1",
        "icon": "launch",
        "order": 8,
        "disabled": false,
        "hidden": false
    },
    {
        "id": "f8e6f4e03ec6f437",
        "type": "ui_text",
        "z": "5c42798006c66cf9",
        "g": "27a29473dcb0799c",
        "group": "5f373ce19a1aa290",
        "order": 1,
        "width": 0,
        "height": 0,
        "name": "nombre bot",
        "label": "Nombre bot:",
        "format": "conectabpo",
        "layout": "row-left",
        "className": "main-title-content no-gap",
        "x": 170,
        "y": 120,
        "wires": []
    },
    {
        "id": "df3b09823a0be235",
        "type": "ui_text",
        "z": "5c42798006c66cf9",
        "g": "27a29473dcb0799c",
        "group": "5f373ce19a1aa290",
        "order": 2,
        "width": 0,
        "height": 0,
        "name": "",
        "label": "Query sql",
        "format": "example query",
        "layout": "col-center",
        "className": "main-title-content no-gap",
        "x": 160,
        "y": 240,
        "wires": []
    },
    {
        "id": "dac69f93724f9be2",
        "type": "ui_text",
        "z": "5c42798006c66cf9",
        "g": "27a29473dcb0799c",
        "group": "5f373ce19a1aa290",
        "order": 5,
        "width": 0,
        "height": 0,
        "name": "accion de la integracion",
        "label": "Accion de la integracion:  ",
        "format": "some info",
        "layout": "col-center",
        "className": "main-title-content no-gap text-formatting accion",
        "x": 210,
        "y": 200,
        "wires": []
    },
    {
        "id": "8e6687ef2a55ccf0",
        "type": "ui_text",
        "z": "5c42798006c66cf9",
        "g": "27a29473dcb0799c",
        "group": "5f373ce19a1aa290",
        "order": 3,
        "width": 0,
        "height": 0,
        "name": "service",
        "label": "asadad",
        "format": "Publico",
        "layout": "row-left",
        "className": "main-title-content no-gap",
        "x": 160,
        "y": 160,
        "wires": []
    },
    {
        "id": "b59c2d5703d7af40",
        "type": "ui_text",
        "z": "5c42798006c66cf9",
        "g": "af895c52e12cee21",
        "group": "25bfd2e62c3836cb",
        "order": 2,
        "width": 0,
        "height": 0,
        "name": "nombre bot",
        "label": "Nombre bot:",
        "format": "example",
        "layout": "row-left",
        "className": "main-title-content no-gap",
        "x": 470,
        "y": 120,
        "wires": []
    },
    {
        "id": "52b79c05fc2d13b9",
        "type": "ui_text",
        "z": "5c42798006c66cf9",
        "g": "af895c52e12cee21",
        "group": "25bfd2e62c3836cb",
        "order": 3,
        "width": 0,
        "height": 0,
        "name": "query mysql",
        "label": "query mysql",
        "format": "asd",
        "layout": "col-center",
        "className": "main-title-content no-gap",
        "x": 470,
        "y": 280,
        "wires": []
    },
    {
        "id": "edd35247be478004",
        "type": "ui_text",
        "z": "5c42798006c66cf9",
        "g": "af895c52e12cee21",
        "group": "25bfd2e62c3836cb",
        "order": 1,
        "width": 0,
        "height": 0,
        "name": "plataforma",
        "label": "platform",
        "format": "http://www.google.com",
        "layout": "row-left",
        "className": "main-title-content no-gap",
        "x": 470,
        "y": 240,
        "wires": []
    },
    {
        "id": "33da1404a4f86a06",
        "type": "ui_text",
        "z": "5c42798006c66cf9",
        "g": "af895c52e12cee21",
        "group": "25bfd2e62c3836cb",
        "order": 5,
        "width": 0,
        "height": 0,
        "name": "accion de la integracion",
        "label": "Accion de la integracion:  ",
        "format": "some information",
        "layout": "col-center",
        "className": "main-title-content no-gap text-formatting accion",
        "x": 510,
        "y": 200,
        "wires": []
    },
    {
        "id": "f14340a37e866581",
        "type": "ui_text",
        "z": "5c42798006c66cf9",
        "g": "af895c52e12cee21",
        "group": "25bfd2e62c3836cb",
        "order": 4,
        "width": 0,
        "height": 0,
        "name": "salida ws",
        "label": "Salida al servicio:",
        "format": "Publico",
        "layout": "row-left",
        "className": "main-title-content no-gap",
        "x": 460,
        "y": 160,
        "wires": []
    },
    {
        "id": "fbcfca051896ecc7",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 7,
        "width": 6,
        "height": 1
    },
    {
        "id": "a2107f3a27c470a8",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 7,
        "width": "6",
        "height": "1"
    },
    {
        "id": "affb4b6de57fd433",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 7,
        "width": "6",
        "height": "1"
    },
    {
        "id": "428b72d15e1d93c6",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "7f45e416bea3ac28",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 6,
        "width": "6",
        "height": "1"
    },
    {
        "id": "09737c4998ad158b",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 7,
        "width": "6",
        "height": "1"
    },
    {
        "id": "f538693a21fa0e60",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 7,
        "width": "6",
        "height": "1"
    },
    {
        "id": "898698970db18dbb",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 7,
        "width": "6",
        "height": "1"
    },
    {
        "id": "c0bf01df392ad024",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 7,
        "width": "6",
        "height": "1"
    },
    {
        "id": "665c1f420c283c36",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 7,
        "width": "6",
        "height": "1"
    },
    {
        "id": "4c7558529838755e",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 7,
        "width": "6",
        "height": "1"
    },
    {
        "id": "f6348ef84147e374",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 7,
        "width": "6",
        "height": "1"
    },
    {
        "id": "1f3c719396f3806b",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 7,
        "width": "6",
        "height": "1"
    },
    {
        "id": "1df7c7a1a94d5a51",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 7,
        "width": "6",
        "height": "1"
    },
    {
        "id": "9ad8ec166f5e5931",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 7,
        "width": "6",
        "height": "1"
    },
    {
        "id": "84a64610b12a4f88",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 7,
        "width": "6",
        "height": "1"
    },
    {
        "id": "30eb176d65950a27",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 7,
        "width": "6",
        "height": "1"
    },
    {
        "id": "f0ce5bdbb87cd678",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 6,
        "width": "6",
        "height": "1"
    },
    {
        "id": "ebb9ae577452b364",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "316d2cc8591e8fef",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 7,
        "width": "6",
        "height": "1"
    },
    {
        "id": "cbc8c14d50de949f",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 7,
        "width": "6",
        "height": "1"
    },
    {
        "id": "3255ef8b97b3301f",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 6,
        "width": "6",
        "height": "1"
    },
    {
        "id": "1a61f0c9ad2745d3",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 6,
        "width": "6",
        "height": "1"
    },
    {
        "id": "f14b25a13ef6eb67",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 6,
        "width": "6",
        "height": "1"
    },
    {
        "id": "ea9045893126f6b9",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 6,
        "width": "6",
        "height": "1"
    },
    {
        "id": "8654d66ecf84be6b",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 6,
        "width": "6",
        "height": "1"
    },
    {
        "id": "d6c6c83ff2ff1fde",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "60ade3bf75fa6096",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 6,
        "width": "6",
        "height": "1"
    },
    {
        "id": "3244e575e49587d1",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 6,
        "width": "6",
        "height": "1"
    },
    {
        "id": "4be03b54e5e3cc0c",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "c27514744e0702c3",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 6,
        "width": "6",
        "height": "1"
    },
    {
        "id": "53901c1b5bee171f",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 6,
        "width": "6",
        "height": "1"
    },
    {
        "id": "47129c082996934a",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 6,
        "width": "6",
        "height": "1"
    },
    {
        "id": "9c4f3075b39b85de",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 6,
        "width": "6",
        "height": "1"
    },
    {
        "id": "f9410dcef6b433a3",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 6,
        "width": "6",
        "height": "1"
    },
    {
        "id": "b54f30dc1ddf3e4f",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 6,
        "width": "6",
        "height": "1"
    },
    {
        "id": "319cc62d8ddc3124",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 6,
        "width": "6",
        "height": "1"
    },
    {
        "id": "77def2e84df6bdcf",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 6,
        "width": "6",
        "height": "1"
    },
    {
        "id": "05e7ddb12a6c9ebd",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 6,
        "width": "6",
        "height": "1"
    },
    {
        "id": "d748e5dbee142f89",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 6,
        "width": "6",
        "height": "1"
    },
    {
        "id": "ab7d79eb1e39bc46",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "3b48102445642a7e",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "7990fddb83e721fe",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "649ce45a3860e4b4",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "9957f325a36fa6ad",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "95dcb336e6e8abce",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "e23ba3597a4f1c4c",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 4,
        "width": "6",
        "height": "1"
    },
    {
        "id": "4a10bac6c55ce2e0",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "108eccc4c45b1c49",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "492b9935fbb8e67d",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "4103224ca759cc55",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "b3f32cc0a6ed0e2f",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "122d657e3c37af9e",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "e9cfbfd8fd2e1912",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "afa066e163bc6dbb",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "75a140e773a499a8",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "6864d0ac89952b92",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "7cc34db0787e6f17",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "34a9209adf6c44c7",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "e2954dd63a1831cd",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "9251780e19bdf0e0",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "2d6a824b13b24725",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "95a10d0fca05231d",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "157e932890f23aa3",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "fcb74abe0fd13583",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "4ed37fb840926c9a",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "265c4ba5acc4ca5d",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "b59e5d967aaf20f8",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "1b6a21143e204e39",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "ecac41cdd7bded54",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "6bad4b5f35f8ef1e",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "575725e656285468",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "73e34cb613562d15",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "b4a624b30b51bf59",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "c195629ad0b72668",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "29ba1bafba1923bc",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "530d239b60ca55d9",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "7f2b5786c855fefb",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "972ee58b2c39cd96",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "f0d6e3ec7e048340",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "3e315f4de6fecf7d",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "02319077e6cca5a4",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "cdf3e0fd40b78079",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "5636463894510b93",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "669667fb84b14a05",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": 1,
        "height": 1
    },
    {
        "id": "bde58cc298815cd9",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "4cc79a1899568eef",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 6,
        "width": "6",
        "height": "1"
    },
    {
        "id": "0f71571404135580",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "36fbe1bdd7379f7a",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 9,
        "width": "6",
        "height": "1"
    },
    {
        "id": "121ea729ac3c2746",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "e0455e862018f0d8",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "da712e78086209a2",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "b31dccfb2ba64a2d",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "2d0e1a2b7991c974",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "d6d806106c628c40",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "d8329f8ae6074b8e",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "5998aa6865b27322",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "7a95e97b9e772c45",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "",
        "order": 5,
        "width": "6",
        "height": "1"
    },
    {
        "id": "675a049efeb8664b",
        "type": "ui_spacer",
        "z": "5c42798006c66cf9",
        "name": "spacer",
        "group": "5f373ce19a1aa290",
        "order": 4,
        "width": 6,
        "height": 1
    },
    {
        "id": "25bfd2e62c3836cb",
        "type": "ui_group",
        "name": "Validacion",
        "tab": "b70b0fa3501be886",
        "order": 1,
        "disp": true,
        "width": "6",
        "collapse": true,
        "className": "group-integracion"
    },
    {
        "id": "b70b0fa3501be886",
        "type": "ui_tab",
        "name": "client 2",
        "icon": "launch",
        "order": 10,
        "disabled": false,
        "hidden": false
    }
]

So, in this simple example we must try to insert a search box so anything can be searched within tabs and groups. I know it can be taught, by it worth the efford.

Regards!