Currently, the best I can come up with is manually resizing the required panels via java script.
Anchoring every panel with an ID_(Column|Row|Data)_#
Column = top column panel
Row = Row header panel
Data = Actual Search Results.
JScript below resizes all except the column panel (and I will be able to customize Row/Data respectively if needed)
Basically I am building the single panels and compiling them together like a table.
As shown below, it is a little unwieldy and messy. I am hoping for something better from the community.
Disclaimer, not sure if you can use the code below as it. As I was experimenting a lot, and I stripped down a lot of the code (because it was not relevant)..
require(['jquery',
'splunkjs/mvc/simplexml/ready!'],
function($) {
$("[id*=ID]").each(function() {
var match = /ID_?(Column|Row|Data)?_?(\d+)?/.exec($(this).attr('id'));
console.log(match);
if (match[1] == 'Column'){}
if (match[1] == 'Row'){}
else {
$(this).find(".dashboard-panel").css('height', '68px');
$(this).find(".dashboard-element").css('height', '68px');
$(this).find(".panel-body").css('height', '24px');
}
});
$(window).trigger('resize');
});
... View more