Dashboards & Visualizations
×

Join the Conversation

Without signing in, you're just watching from the sidelines. Sign in or Register to connect, share, and be part of the Splunk Community.
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Show  only  | Search instead for 
Did you mean: 
Ask a Question

Text box and Drop down alignment issues

muzicman0
Loves-to-Learn
‎12-07-2025 01:05 PM

I have created a basic dashboard (I am just learning how all this works) and I am mostly happy with it.  The one issue I have is that the Drop downs and Text boxs don't line up horizonatally.  How can I fix this?

muzicman0_0-1765141392430.png

To me it looks like there is extra space under the label on the text box, but I can seem to get rid of it.  

Any help is appreciated!

(Oh, this was created in Dashboard Studio)

Labels (2)
Labels
0 Karma
Reply

muzicman0
Loves-to-Learn
‎12-10-2025 11:46 AM

Not what I wanted to do, but due to other reasons, I move the objects into the canvas (instead of the default Above Canvas) and was able to get them lined up there.

0 Karma
Reply

muzicman0
Loves-to-Learn
‎12-07-2025 02:10 PM

Thanks, I really appreciated the help!  Here is the json.  

{
    "title": "LTTB Controller Logs",
    "description": "LTTB Controller Logs",
    "inputs": {
        "input_AEzz7fq6": {
            "options": {
                "defaultValue": "*",
                "token": "find_text"
            },
            "title": "Find Text (*=no filter)",
            "type": "input.text"
        },
        "input_F1B4OnMH": {
            "options": {
                "defaultValue": "__..None..__",
                "token": "exclude_text"
            },
            "title": "Exclude Text",
            "type": "input.text"
        },
        "input_OQfKfiTc": {
            "options": {
                "defaultValue": "*",
                "items": [
                    {
                        "label": "All",
                        "value": "*"
                    },
                    {
                        "label": "Notice",
                        "value": "hiperwall.notice"
                    },
                    {
                        "label": "Info",
                        "value": "hiperwall.info"
                    },
                    {
                        "label": "Warning",
                        "value": "hiperwall.warning"
                    },
                    {
                        "label": "Error",
                        "value": "hiperwall.error"
                    }
                ],
                "token": "filter_level"
            },
            "title": "Filter Level",
            "type": "input.dropdown"
        },
        "input_QQcpa6ab": {
            "eventHandlers": [
                {
                    "options": {},
                    "type": "drilldown.resetTokens"
                }
            ],
            "options": {
                "label": "Reset Filters"
            },
            "type": "input.button"
        },
        "input_global_trp": {
            "options": {
                "defaultValue": "-30d@d,now",
                "token": "global_time"
            },
            "title": "Global Time Range",
            "type": "input.timerange"
        }
    },
    "defaults": {
        "dataSources": {
            "ds.search": {
                "options": {
                    "queryParameters": {
                        "earliest": "$global_time.earliest$",
                        "latest": "$global_time.latest$"
                    }
                }
            }
        },
        "visualizations": {
            "global": {
                "showProgressBar": true
            }
        }
    },
    "visualizations": {
        "viz_1icp37A2": {
            "options": {
                "fontColor": "#ffffff",
                "fontSize": "extraLarge",
                "markdown": "The below counts include all above filters EXCEPT the 'Filter Level' filter.\n"
            },
            "type": "splunk.markdown"
        },
        "viz_H1C1aibF": {
            "containerOptions": {
                "description": {
                    "color": "#ffffff"
                },
                "title": {
                    "color": "#ffffff"
                }
            },
            "dataSources": {
                "primary": "ds_wZKOCDBG"
            },
            "options": {
                "backgroundColor": "#595959",
                "columnFormat": {
                    "_raw": {
                        "width": 1560
                    },
                    "_time": {
                        "width": 250
                    },
                    "source": {
                        "width": 112
                    }
                },
                "count": 20,
                "headerVisibility": "fixed",
                "tableFormat": {
                    "headerBackgroundColor": "> backgroundColor | setColorChannel(tableHeaderBackgroundColorConfig)",
                    "headerColor": "> headerBackgroundColor | maxContrast(tableRowColorMaxContrast)",
                    "rowBackgroundColors": "> table | seriesByIndex(0) | pick(tableAltRowBackgroundColorsByBackgroundColor)",
                    "rowColors": "> rowBackgroundColors | maxContrast(tableRowColorMaxContrast)"
                }
            },
            "type": "splunk.table"
        },
        "viz_JkQTIHBk": {
            "containerOptions": {
                "description": {
                    "color": "#ffffff"
                },
                "title": {
                    "color": "#ffffff"
                }
            },
            "dataSources": {
                "primary": "ds_XvajZldd"
            },
            "options": {
                "backgroundColor": "#4a4a4a",
                "majorColor": "#ffffff"
            },
            "title": "Error Records Returned",
            "type": "splunk.singlevalue"
        },
        "viz_VOErIPDJ": {
            "containerOptions": {
                "description": {
                    "color": "#ffffff"
                },
                "title": {
                    "color": "#ffffff"
                }
            },
            "dataSources": {
                "primary": "ds_UTACVBMm"
            },
            "options": {
                "backgroundColor": "#4a4a4a",
                "majorColor": "#ffffff",
                "trendColor": "#ffffff"
            },
            "title": "Info Records Returned",
            "type": "splunk.singlevalue"
        },
        "viz_niRZXGAV": {
            "containerOptions": {
                "description": {
                    "color": "#ffffff"
                },
                "title": {
                    "color": "#ffffff"
                }
            },
            "dataSources": {
                "primary": "ds_buun0Jdp"
            },
            "options": {
                "backgroundColor": "#4a4a4a",
                "majorColor": "#ffffff",
                "trendColor": "#ffffff"
            },
            "title": "Warning Records Returned",
            "type": "splunk.singlevalue"
        },
        "viz_rsSvhEXa": {
            "containerOptions": {
                "description": {
                    "color": "#ffffff"
                },
                "title": {
                    "color": "#ffffff"
                }
            },
            "dataSources": {
                "primary": "ds_TQfgd756"
            },
            "options": {
                "backgroundColor": "#4a4a4a",
                "majorColor": "#ffffff"
            },
            "title": "Total Records Returned",
            "type": "splunk.singlevalue"
        },
        "viz_svlEenhe": {
            "containerOptions": {
                "description": {
                    "color": "#ffffff"
                },
                "title": {
                    "color": "#ffffff"
                }
            },
            "dataSources": {
                "primary": "ds_9KfVq5Ai"
            },
            "options": {
                "backgroundColor": "#4a4a4a",
                "majorColor": "#ffffff",
                "trendColor": "#ffffff"
            },
            "title": "Notice Records Returned",
            "type": "splunk.singlevalue"
        }
    },
    "dataSources": {
        "ds_9KfVq5Ai": {
            "name": "num_errors copy 4",
            "options": {
                "query": "sourcetype=\"syslog\" source=\"lttb\" _raw=\"*hiperwall.notice*\" \"*$find_text$*\" | search NOT _raw=\"$exclude_text$\"\r\n| stats count"
            },
            "type": "ds.search"
        },
        "ds_TQfgd756": {
            "name": "num_errors",
            "options": {
                "query": "sourcetype=\"syslog\" source=\"lttb\" _raw=\"*$filter_level$*\" \"*$find_text$*\" | search NOT _raw=\"$exclude_text$\"\r\n| stats count"
            },
            "type": "ds.search"
        },
        "ds_UTACVBMm": {
            "name": "num_errors copy 2",
            "options": {
                "query": "sourcetype=\"syslog\" source=\"lttb\" _raw=\"*hiperwall.info*\" \"*$find_text$*\" | search NOT _raw=\"$exclude_text$\"\r\n| stats count"
            },
            "type": "ds.search"
        },
        "ds_XvajZldd": {
            "name": "num_errors copy 1",
            "options": {
                "query": "sourcetype=\"syslog\" source=\"lttb\" _raw=\"*hiperwall.error*\" \"*$find_text$*\" | search NOT _raw=\"$exclude_text$\"\r\n| stats count"
            },
            "type": "ds.search"
        },
        "ds_buun0Jdp": {
            "name": "num_errors copy 3",
            "options": {
                "query": "sourcetype=\"syslog\" source=\"lttb\" _raw=\"*hiperwall.warning*\" \"*$find_text$*\" | search NOT _raw=\"$exclude_text$\"\r\n| stats count"
            },
            "type": "ds.search"
        },
        "ds_wZKOCDBG": {
            "name": "Syslogs_LTTB",
            "options": {
                "query": "sourcetype=\"syslog\" source=\"lttb\" _raw=\"*$filter_level$*\" \"*$find_text$*\" | search NOT _raw=\"*$exclude_text$*\"\r\n| table _time, source, _raw\r\n| sort -_time\r\n",
                "queryParameters": {
                    "earliest": "$global_time.earliest$",
                    "latest": "$global_time.latest$"
                }
            },
            "type": "ds.search"
        }
    },
    "layout": {
        "globalInputs": [
            "input_global_trp",
            "input_OQfKfiTc",
            "input_AEzz7fq6",
            "input_F1B4OnMH"
        ],
        "layoutDefinitions": {
            "layout_1": {
                "options": {
                    "backgroundColor": "#595959",
                    "display": "actual-size",
                    "height": 1200,
                    "width": 2000
                },
                "structure": [
                    {
                        "item": "viz_H1C1aibF",
                        "position": {
                            "h": 870,
                            "w": 1990,
                            "x": 0,
                            "y": 190
                        },
                        "type": "block"
                    },
                    {
                        "item": "viz_rsSvhEXa",
                        "position": {
                            "h": 120,
                            "w": 200,
                            "x": 10,
                            "y": 60
                        },
                        "type": "block"
                    },
                    {
                        "item": "viz_JkQTIHBk",
                        "position": {
                            "h": 120,
                            "w": 190,
                            "x": 610,
                            "y": 60
                        },
                        "type": "block"
                    },
                    {
                        "item": "viz_VOErIPDJ",
                        "position": {
                            "h": 120,
                            "w": 190,
                            "x": 1010,
                            "y": 60
                        },
                        "type": "block"
                    },
                    {
                        "item": "viz_niRZXGAV",
                        "position": {
                            "h": 120,
                            "w": 190,
                            "x": 810,
                            "y": 60
                        },
                        "type": "block"
                    },
                    {
                        "item": "viz_svlEenhe",
                        "position": {
                            "h": 120,
                            "w": 190,
                            "x": 1210,
                            "y": 60
                        },
                        "type": "block"
                    },
                    {
                        "item": "viz_1icp37A2",
                        "position": {
                            "h": 30,
                            "w": 590,
                            "x": 710,
                            "y": 10
                        },
                        "type": "block"
                    },
                    {
                        "item": "input_QQcpa6ab",
                        "position": {
                            "h": 70,
                            "w": 130,
                            "x": 0,
                            "y": -20
                        },
                        "type": "input"
                    }
                ],
                "type": "absolute"
            }
        },
        "options": {},
        "tabs": {
            "items": [
                {
                    "label": "Syslog Data",
                    "layoutId": "layout_1"
                }
            ]
        }
    },
    "applicationProperties": {
        "hideViewModeActionMenu": false
    }
}
0 Karma
Reply

livehybrid
SplunkTrust
SplunkTrust
‎12-07-2025 02:04 PM

Hi @muzicman0 

If you can share the JSON code for the dashboard I can look at why this isnt aligning for you.

livehybrid_0-1765145042135.png

 

🌟 Did this answer help you? If so, please consider:

  • Adding karma to show it was useful
  • Marking it as the solution if it resolved your issue
  • Commenting if you need any clarification

Your feedback encourages the volunteers in this community to continue contributing

0 Karma
Reply

muzicman0
Loves-to-Learn
‎12-07-2025 01:33 PM

If there is no way in Dashboard Studio, it will just stay as is.  I know absolutely ZERO about CSS.  

0 Karma
Reply

ITWhisperer
SplunkTrust
SplunkTrust
‎12-07-2025 01:27 PM

You could try using Classic SimpleXML dashboards as you have options using CSS to modify how things are displayed.

0 Karma
Reply
Get Updates on the Splunk Community!

App Platform's 2025 Year in Review: A Year of Innovation, Growth, and Community

As we step into 2026, it’s the perfect moment to reflect on what an extraordinary year 2025 was for the Splunk ...

Operationalizing Entity Risk Score with Enterprise Security 8.3+

Overview Enterprise Security 8.3 introduces a powerful new feature called “Entity Risk Scoring” (ERS) for ...

Unlock Database Monitoring with Splunk Observability Cloud

  In today’s fast-paced digital landscape, even minor database slowdowns can disrupt user experiences and ...