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
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

Vibe-coding, AI, and Splunkcraft: Highlights from the .conf26 Builder Bar

If you stopped by the Builder Bar at .conf26, thank you! This year, we brought ...

Thanks for the Memories: .conf26 Took Learning to New Heights

Thank you, Splunk Community, for making .conf26 in Denver one for the books. From packed Splunk University ...

Best Practices: Splunk auto adjust pipeline queue

When you enable autoAdjustQueue in Splunk, maxSize should be understood as the queue size Splunk starts with ...