Dashboards & Visualizations

Why does the html click function in a sample dashboard sending an error at closing html tag?

Mohsin123
Path Finder

Hi ,

i'm trying this html click function in a sample dashboard. It sends error at closing html tag!

Please check attachment(need karma points):

dashboard
  labelclick/label

  html
head
meta name="viewport" content="width=device-width, initial-scale=1"style
.button {
  padding: 15px 25px;
  font-size: 24px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #4CAF50;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.button:hover {background-color: #3e8e41}

.button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
/style
/head
body

h2Animated Buttons - "Pressed Effect"/h2

button class="button"Click Me/button

/body
/html

/dashboard
0 Karma
1 Solution

woodcock
Esteemed Legend

Install the "Splunk Dashboard Examples" App (https://splunkbase.splunk.com/app/1603/), then find a dashboard that does similar, click the "Convert to HTML" button (may need to escalate your privileges in Splunk) to convert it from SimpleXML to HTML, then copy working code from there.

View solution in original post

0 Karma

woodcock
Esteemed Legend

Install the "Splunk Dashboard Examples" App (https://splunkbase.splunk.com/app/1603/), then find a dashboard that does similar, click the "Convert to HTML" button (may need to escalate your privileges in Splunk) to convert it from SimpleXML to HTML, then copy working code from there.

0 Karma
Get Updates on the Splunk Community!

Introducing the 2024 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...

Introducing the 2024 Splunk MVPs!

We are excited to announce the 2024 cohort of the Splunk MVP program. Splunk MVPs are passionate members of ...

Splunk Custom Visualizations App End of Life

The Splunk Custom Visualizations apps End of Life for SimpleXML will reach end of support on Dec 21, 2024, ...