Reporting
×

Are you a member of the Splunk Community?

Sign in or Register with your Splunk account to get your questions answered, access valuable resources and connect with experts!
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
Solved! Jump to solution

Increase Embedded Report Height

mvanderlist_spl
Splunk Employee
Splunk Employee
‎05-05-2015 09:50 AM

When enabling the embedded report, and including the iframe somewhere else, you can adjust the width, but the height seems to remain at 300px – even if you increase it.

Does anyone know how to increase the height of an embedded report? Changing the height of the iframe has no affect, but the width changing does work.

Tags (1)
0 Karma
Reply
1 Solution
Solved! Jump to solution
Solution

mvanderlist_spl
Splunk Employee
Splunk Employee
‎05-05-2015 08:07 PM

To update with an answer, you can change the height of the visualization by dragging the divider in the middle of the visualization tab of a search, which adds the following to the saved search in the savedsearches.conf file:

display.page.search.tab = visualizations
display.visualizations.chartHeight = 634

Which in turn after click "embed" generates an iframe like so:
<iframe height="670" width="480" frameborder="0" src="…removed…"></iframe>

Notice how the iframe height before was 336 with a final embedded chart of 300px? Now the iframe is 634+36=670px.

View solution in original post

0 Karma
Reply
Solved! Jump to solution
Solution

mvanderlist_spl
Splunk Employee
Splunk Employee
‎05-05-2015 08:07 PM

To update with an answer, you can change the height of the visualization by dragging the divider in the middle of the visualization tab of a search, which adds the following to the saved search in the savedsearches.conf file:

display.page.search.tab = visualizations
display.visualizations.chartHeight = 634

Which in turn after click "embed" generates an iframe like so:
<iframe height="670" width="480" frameborder="0" src="…removed…"></iframe>

Notice how the iframe height before was 336 with a final embedded chart of 300px? Now the iframe is 634+36=670px.

0 Karma
Reply
Solved! Jump to solution

aljohnson_splun
Splunk Employee
Splunk Employee
‎05-05-2015 10:24 AM

Have you tried testing in a completely blank html page ?

I think you maybe have some other CSS that is overwriting the height attribute on the iframe element. I just tested this to double check - and height and width both allow you to change the size (it is not stuck at 300px).

Try using the developer tools on Chrome or Firefox to see if there is an overlap maybe ?

0 Karma
Reply
Solved! Jump to solution

mvanderlist_spl
Splunk Employee
Splunk Employee
‎05-05-2015 10:34 AM

Just tried that.

<html>
<body>
<iframe height="600" width="980" frameborder="0" src="...removed..."></iframe>
</body>
</html>

The iframe indeed has a height of 600px, but the chart itself still remains at 300px.

Looking inside the iframe I see this as one of the first divs:
<div class="chart shared-jschart" data-cid="view938" data-view="views/shared/JSChart" data-render-time="0" style="width: 100%; height: 300px;">

This explains the dynamic width but the locked height.

I'm using Splunk 6.2.3 and viewing on Chrome on Mac OS X.

0 Karma
Reply
Career Survey
First 500 qualified respondents will receive a $20 gift card! Tell us about your professional Splunk journey.
Take the Survey
Register for .conf25!
Get Updates on the Splunk Community!

.conf25 Global Broadcast: Don’t Miss a Moment

Hello Splunkers, .conf25 is only a click away.  Not able to make it to .conf25 in person? No worries, you can ...

Observe and Secure All Apps with Splunk

 Join Us for Our Next Tech Talk: Observe and Secure All Apps with SplunkAs organizations continue to innovate ...

What's New in Splunk Observability - August 2025

What's New We are excited to announce the latest enhancements to Splunk Observability Cloud as well as what is ...