topic Re: Display website in iFrame with URL coming from variable? in Dashboards & Visualizations

Display website in iFrame with URL coming from variable?

viggor — Sun, 07 Jun 2020 23:56:42 GMT

I have a dashboard which contains a variable $url$
and I would like to display the website who's address is stored in $url$ inside an iFrame.

I am failing to do something like:

<html>
  <iframe src="$url$" height="200" width="1000" style="border:none;"/>
 </html>

Any ideas?

Re: Display website in iFrame with URL coming from variable?

niketn — Tue, 15 Aug 2017 06:19:36 GMT

What are some of the URL values? Can you put some samples?
If they are external URLs, then you should test opening them in regular HTML files first as some websites do not allow their pages to be opened inside iFrames using following x-frame-options: x-frame-options' to 'sameorigin'. Refer to the following link: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options

Following is run anywhere search to open http://docs.splunk.com which supports opening in iFrames but does not work with https://answers.splunk.com which does not. You can open your HTML debugger(F12) to investigate this issue as there should be a Console error logged for the same if iFrame is not loading.

  <row>
    <panel>
      <html>
        <iframe src="http://docs.splunk.com/Documentation" height="600" width="100%" style="border:2;">
          <p>Your browser does not support iframes.</p>
        </iframe>
      </html>
    </panel>
  </row>

PS: I changed border to 2 just to ensure that iFrame is supported and showing up in Splunk whether the webpage opens inside iFrame or not.

Re: Display website in iFrame with URL coming from variable?

viggor — Tue, 15 Aug 2017 15:32:46 GMT

Thanks for your answer. What you posted works perfectly fine for static, constant urls, but what if the url is stored in a variable $url$?

Re: Display website in iFrame with URL coming from variable?

niketn — Wed, 16 Aug 2017 10:57:41 GMT

Yes it should. If it is not working press F12 and test Console for any page level errors with iFrame options like I had mentioned in my previous comment.

Following is an extension of above example with a single value panel displaying URL and clicking on the same iFrame should be opened.

  <row>
    <panel>
      <single>
        <search>
          <query>| makeresults
| eval URL="http://docs.splunk.com/Documentation"
| table URL
          </query>
        </search>
        <option name="colorMode">block</option>
        <option name="drilldown">all</option>
        <option name="useColors">1</option>
        <drilldown>
          <set token="tokURL">$click.value$</set>
        </drilldown>
      </single>
    </panel>
  </row>
  <row>
    <panel depends="$tokURL$">
      <html>
        <iframe src="$tokURL$" height="600" width="100%" style="border:2;">
          <p>Your browser does not support iframes.</p>
        </iframe>
      </html>
    </panel>
  </row>

Re: Display website in iFrame with URL coming from variable?

niketn — Tue, 29 Aug 2017 09:17:37 GMT

@viggor, were you able to try out the example? Please let us know if something is not working for you.

Re: Display website in iFrame with URL coming from variable?

noy72 — Fri, 22 Feb 2019 22:21:42 GMT

I know this is old, but I am trying to make this work. My URL opens up a webpage that verifies the status of ditribution points.
http://sccm/sms_mp/.ss_aut?mplist

When Ireplace my URL with the URL in the example, the dashboard diplays a large black bar with my UL in white text and an empty, bordered panel.
Any assistance would be apreciated.
Ron Jones

Re: Display website in iFrame with URL coming from variable?

woodcock — Fri, 22 May 2020 13:07:18 GMT

The problem that you are having is that recently Splunk has added some settings to control this type of content and defaulted dashboard_html_allow_embeddable_content to false. In order to get it to work, try enabling these settings in web.conf:

dashboard_html_allow_inline_styles = <boolean>
* Whether or not to allow style attributes from inline HTML elements in dashboards.
* If "false", style attributes from inline HTML elements in dashboards will be removed 
  to prevent potential attacks.
* Default: true

dashboard_html_allow_embeddable_content = <boolean>
* Whether or not to allow <embed> and <iframe> HTML elements in dashboards.
* If set to "true", <embed> and <iframe> HTML elements in dashboards will not be removed 
  and can lead to a potential security risk.
* If set to the default value of "false", <embed> and <iframe> HTML elements will be stripped
  from the dashboard HTML.
* Default: false

dashboard_html_wrap_embed = <boolean>
* Whether or not to wrap <embed> HTML elements in dashboards with an <iframe>.
* If set to "false", <embed> HTML elements in dashboards will not be wrapped, leading to
  a potential security risk.
* If set to "true", <embed> HTML elements will be wrapped by an <iframe sandbox> element to help
  mitigate potential security risks.
* Default: true

dashboard_html_allow_iframes = <boolean>
* Whether or not to allow iframes from HTML elements in dashboards.
* If "false", iframes from HTML elements in dashboards will be removed to prevent
  potential attacks.
* Default: true

Re: Display website in iFrame with URL coming from variable?

kumaranv — Sat, 08 Mar 2025 11:47:52 GMT

I am getting

Refused to display 'https://docs.splunk.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'. even though i setup below configurations in web.conf in /opt/splunk/etc/system/local

dashboard_html_allow_embeddable_content = true
dashboard_html_allow_iframes = true
dashboard_html_allow_inline_styles = true
dashboard_html_allowed_domains = *.splunk.com
dashboard_html_wrap_embed = false

This is the script in dashboard:

Please advice. Thanks

Re: Display website in iFrame with URL coming from variable?

kumaranv — Sat, 08 Mar 2025 12:16:06 GMT

I cut and pasted your script and ran the dashboard. Then clicked the link. Sorry still not working

<dashboard version="1.1" theme="light">
<label>test1</label>
<row>
<panel>
<single>
<search>
<query>| makeresults
| eval URL="http://docs.splunk.com/Documentation"
| table URL
</query>
</search>
<option name="colorMode">block</option>
<option name="drilldown">all</option>
<option name="useColors">1</option>
<drilldown>
<set token="tokURL">$click.value$</set>
</drilldown>
</single>
</panel>
</row>
<row>
<panel depends="$tokURL$">
<html>
<p>$tokURL$</p>
<iframe src="$tokURL$" height="600" width="100%" style="border:2;">
</iframe>
</html>
</panel>
</row>
</dashboard>

Re: Display website in iFrame with URL coming from variable?

kumaranv — Sat, 08 Mar 2025 12:40:07 GMT

Sorry. Still not working

Re: Display website in iFrame with URL coming from variable?

kumaranv — Sun, 09 Mar 2025 17:14:44 GMT

This is what i am getting. It is not working for me. Any help would to appreciated

Thanks