Dashboards & Visualizations

Dashboard CSS: Stack SingleValue Panel

morethanyell
Builder

Hi,

How do we write CSS to achieve layout shown on the screenshot? I've tried the CSS below but it's not working

<html>
    <style>
        #timelinechart{
            width:75% !important;
            height:100% !important;
        }
        #singlevalue1{
            width:25% !important;
            height:50% !important;
        }
        #singlevalue2{
            width:25% !important;
            height:50% !important;
        }
    </style>
</html>

alt text

0 Karma
1 Solution

@morethanyell you can refer to one of my older answers to stack single values and adjust as per your needs.

https://answers.splunk.com/answers/717452/how-to-stack-two-data-element-visualizations.html

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

View solution in original post

woodcock
Esteemed Legend

This can be done with Sideview Utils which is a much more flexible dashboarding framework for splunk built by an ex-employee. @sideview can tell you more.

0 Karma

@morethanyell you can refer to one of my older answers to stack single values and adjust as per your needs.

https://answers.splunk.com/answers/717452/how-to-stack-two-data-element-visualizations.html

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
Get Updates on the Splunk Community!

Routing Data to Different Splunk Indexes in the OpenTelemetry Collector

This blog post is part of an ongoing series on OpenTelemetry. The OpenTelemetry project is the second largest ...

Getting Started with AIOps: Event Correlation Basics and Alert Storm Detection in ...

Getting Started with AIOps:Event Correlation Basics and Alert Storm Detection in Splunk IT Service ...

Register to Attend BSides SPL 2022 - It's all Happening October 18!

Join like-minded individuals for technical sessions on everything Splunk!  This is a community-led and run ...