topic Re: how to add a link between title tags in Splunk Search

how to add a link between title tags

jip31 — Tue, 14 May 2019 11:59:28 GMT

hi
I would like to know if it's possible to add an hyperlink between title tags

    <panel>
      <title>Crashes volume (%)</title>

Re: how to add a link between title tags

kamlesh_vaghela — Tue, 14 May 2019 12:16:29 GMT

@jip31

Can you please try this?

<dashboard script="myPanel.js">
  <label>Test Label</label>
  <row>
    <panel id="myPanel">
      <title>Test Title</title>
      <table>
        <search>
          <query>|stats count</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </table>
    </panel>
  </row>
</dashboard>

myPanel.js

require([
        "splunkjs/mvc",
        "splunkjs/mvc/simplexml/ready!"
    ], function (
        mvc) {
        var title = $("#myPanel .panel-title").text();
        var link = "https://www.google.com";

        $("#myPanel .panel-title").html("<a target='_blank' href='"+link+"'>"+title+"</a>");
});

Re: how to add a link between title tags

vnravikumar — Tue, 14 May 2019 12:38:13 GMT

Give a try

<dashboard script="title.js">
  <label>Title</label>
  <init>
    <set token="url">http://google.com</set>
    <set token="label">Google</set>
  </init>
  <row>
    <panel id="test">
      <title>.</title>
      <table>
        <search>
          <query>index="_internal" |stats count</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
          <done>
            <set token="count">$result.count$</set>
          </done>
        </search>
        <option name="drilldown">none</option>
      </table>
    </panel>
  </row>

js:

require([
    "splunkjs/mvc",
    "splunkjs/mvc/simplexml/ready!",
], function(mvc) {
    $(document).ready(function () {
        var defaultTokenModel = mvc.Components.get("default");
        var url = defaultTokenModel.get("url");
        var label = defaultTokenModel.get("label");
        $('#test h2[class="panel-title"]').html('<a target="_blank" href="' + url +'">'+ label+'</a>');

    });
});

Re: how to add a link between title tags

jip31 — Tue, 14 May 2019 12:46:41 GMT

thanks but its not possible directly in CSS??

Re: how to add a link between title tags

jip31 — Tue, 14 May 2019 12:46:51 GMT

thanks but its not possible directly in CSS??

Re: how to add a link between title tags

kamlesh_vaghela — Tue, 14 May 2019 13:58:35 GMT

Not sure. Bcoz, we are adding a link ( an anchor tag ) between title which is nearly not possible using CSS. We have to use some javascript.

Re: how to add a link between title tags

jip31 — Wed, 15 May 2019 07:02:28 GMT

OK never mind.......