topic Re: Decrease Space Between Checkbox and Submit Button in Dashboards & Visualizations

Decrease Space Between Checkbox and Submit Button

jason_hotchkiss — Wed, 30 Sep 2020 13:43:46 GMT

Hello -

I would like to decrease the space between the checkbox and the submit button [space between the red]. How might I do that?

Thanks in advanced.

Re: Decrease Space Between Checkbox and Submit Button

niketn — Mon, 05 Oct 2020 08:01:18 GMT

@jason_hotchkiss try adding following CSS where id of check box needs to be set as id="checkBoxClear"

<row depends="$alwaysHideCSSPanel$"> <panel> <html> <style> #checkBoxClear[data-view="views/dashboard/form/Input"]{ width: 100px !important; } </style> </html> </panel> </row>

By default input fieldset width is 220px, this override reduces by half. Once this works you can move the configuration to a static CSS file under the appserver/static folder of your Splunk app. Refer to documentation: https://docs.splunk.com/Documentation/Splunk/latest/Viz/PanelreferenceforSimplifiedXML#dashboard_or_form

You can also refer to Clarafication blog by @cmerriman in case you want to pick up on learning about CSS Extensions in Splunk Simple XML dashboards: https://www.splunk.com/en_us/blog/tips-and-tricks/splunk-clara-fication-customizing-simplexml-dashboards-with-inline-css.html

Re: Decrease Space Between Checkbox and Submit Button

jason_hotchkiss — Tue, 06 Oct 2020 19:37:13 GMT

Thank you for this advice. I was able to get this to work with one small tweak:

<html>
<p/>

Otherwise everything else worked great.

Re: Decrease Space Between Checkbox and Submit Button

niketn — Wed, 07 Oct 2020 03:16:27 GMT

@jason_hotchkiss that would be because you are running version 7.3.3 which had this as an issue. PS. Once tested you should move the CSS style to a stylesheet so that it is re-usable. Once you do so </p> workaround will not be required. Following is an old answer for reference: https://community.splunk.com/t5/Dashboards-Visualizations/How-to-include-CSS-in-Dashboards-with-the-latest-Splunk-version/m-p/465917