topic Re: how to add html in popup window in Dashboards & Visualizations

how to add html in popup window

john — Mon, 29 Oct 2012 05:31:51 GMT

Hi,

I want to show a popup window having checkboxes when i click a button.

Here is the code i have tried,found from popup.js file.But iam not able to add any html content to that.Please help

var popup = new Splunk.Popup($('.popupScaffolding'), {
title : "My Popup",
contents:"

some text

Uncheck this box to disable.
",
pclass : "myPopupClass",
buttons : [
{
label: 'Cancel',
type : 'secondary',
callback: function(){
return this.popupCancel();
}.bind(this)
},
{
label: 'Apply',
type : 'primary',
callback: function(){
return this.popupAccept();
}.bind(this)
}
]
});

Re: how to add html in popup window

john — Thu, 22 Nov 2012 07:34:49 GMT

Anyone there....Please suggest the way to do this

Re: how to add html in popup window

guilhem — Wed, 10 Apr 2013 08:52:07 GMT

Hi, I am trying to do the same here, I suggest you take a look.

By the way, here is the code documentation from the Popup.js file:

cloneFlag: (bool) Flag to tell popup whether to clone the passed contents into the popup (true) or move them. This should generally only be left as true when passing a reference to an existing element that you wish to
leave untouched, for example a dom scaffolding you intend to reuse.

contents: (JQuery object or html) The contents of the popup. (ex: $('.popupContainer')). NOTE: if html is used, cloneFlag should be set to false

Re: how to add html in popup window

RohiniJindam — Mon, 20 May 2013 06:22:22 GMT

Where can i find the code documentation from the Popup.js file?

Re: how to add html in popup window

RohiniJindam — Mon, 20 May 2013 11:26:34 GMT

Perhaps its:

$SPLUNKHOME\share\splunk\search_mrsparkle\exposed\js\popup.js

Re: how to add html in popup window

cblanton — Wed, 24 Jul 2019 02:53:02 GMT

This is an old post, but leaving this here in case someone else is looking for it (like me): https://www.splunk.com/blog/2014/02/24/using-bootstrap-modal-with-splunk-simple-xml.html