delete post please ... View more

I uploaded two screenshots with attachment. ... View more

I could not upload file to web site, i'm uploading first screenshot. 1. I have 6 columns to display different segments of my application (web, application, database url monitoring, transaction and VM/ESXI 2. Then I have an image that is rendered red or green depending on validation code checking on any violations that occurred for each server in my splunk kvstore 3. drill down link to application dashboards What I would like to do with this screen layout is take each cell or column depending on your definition And split it into two rows, with top row split into two columns. The top two colums will contain the image circle on left and right column will contain the text(ex: web, application, database…etc). The Bottom row will contain the dirlldown button, centered on bottom row. I’m having trouble doing this, because I’m not understanding splunk css style sheets and how to break down the exact grid layout I want. ... View more

Hi, is there a way to send code privately? ... View more

hi, your second row is what i'm looking for.. but using html not xml, how can I achieve this with splunk css? I have current classes of class="dashboard-body container-fluid main-section-body" data-role="main class="dashboard-row dashboard-row1" class="dashboard-panel clearfix"> class="panel-element-row id="element1" class="dashboard-element single" style="width: 100% class="panel-head" id="body-element1" class="panel-body" how can I split panel-element-row or dashboad-element single into two cells? or do I need to use different classes in splunk css? ... View more

Here's my code for 1st row <div id="panel1" class="dashboard-cell" style="width: 25%;"> <div class="dashboard-panel clearfix"> <div class="panel-element-row"> <div id="element1" class="dashboard-element single" style="width: 50%;"> <div class="panel-head"> <h3>DSMQ Application</h3> </div> <div id="body-element1" class="panel-body" style="width: 25%"></div> <style>.btn-primary { margin: 5px 10px 5px 0; }</style> <a id="href21" href="/app/fd_na_application_monitoring_icto_gfs_monitoring/gfs_dsmq_validation_dashboard?earliest=0&latest=" class="btn btn-primary">Drill Down</a> </div> </div> </div> </div> <div id="panel2" class="dashboard-cell" style="width: 25%;"> <div class="dashboard-panel clearfix"> <div class="panel-element-row"> <div id="element2" class="dashboard-element single" style="width: 100%;"> <div class="panel-head"> <h3>FIWS Application</h3> </div> <div id="body-element2" class="panel-body" style="width: 25%"></div> <style>.btn-primary { margin: 5px 10px 5px 0; }</style> <a id="href22" href="/app/fd_na_application_monitoring_icto_gfs_monitoring/gfs_fiws_validation_dashboard?earliest=0&latest=" class="btn btn-primary">Drill Down</a> </div> </div> </div> </div> <div id="panel3" class="dashboard-cell" style="width: 25%"> <div class="dashboard-panel clearfix"> <div class="panel-element-row"> <div id="element3" class="dashboard-element single" style="width: 100%;"> <div class="panel-head"> <h3>Paypoint Application</h3> </div> <div id="body-element3" class="panel-body" style="width: 25%"></div> <style>.btn-primary { margin: 5px 10px 5px 0; }</style> <a id="href23" href="https://l3ppap1009:8000/en-US/app/fd_na_application_monitoring_icto_gfs_monitoring/gfs_paypoint_validation_dashboard?earliest=0&amp;latest=" class="btn btn-primary">Drill Down</a> </div> </div> </div> </div> <div id="panel4" class="dashboard-cell" style="width: 25%;"> <div class="dashboard-panel clearfix"> <div class="panel-element-row"> <div id="element4" class="dashboard-element single" style="width: 100%"> <div class="panel-head"> <h3>eCustomer Service Application</h3> </div> <div id="body-element4" class="panel-body" style="width: 25%"></div> <style>.btn-primary { margin: 5px 10px 5px 0; }</style> <a id="href24" href="" class="btn btn-primary">Drill Down</a> </div> </div> </div> </div> <div id="panel5" class="dashboard-cell" style="width: 25%;"> <div class="dashboard-panel clearfix"> <div class="panel-element-row"> <div id="element5" class="dashboard-element single" style="width: 100%"> <div class="panel-head"> <h3>eMessenger Application</h3> </div> <div id="body-element5" class="panel-body" style="width: 25%"></div> <style>.btn-primary { margin: 5px 10px 5px 0; }</style> <a id="href24" href="" class="btn btn-primary">Drill Down</a> </div> </div> </div> </div> <div id="panel6" class="dashboard-cell" style="width: 25%;"> <div class="dashboard-panel clearfix"> <div class="panel-element-row"> <div id="element6" class="dashboard-element single" style="width: 100%"> <div class="panel-head"> <h3>Speedpass Application</h3> </div> <div id="body-element6" class="panel-body" style="width: 25%"></div> <style>.btn-primary { margin: 5px 10px 5px 0; }</style> <a id="href24" href="" class="btn btn-primary">Drill Down</a> </div> </div> </div> </div> </div> ... View more