topic Re: How to add a label to a splunkjs CheckboxView? in Splunk Dev

How to add a label to a splunkjs CheckboxView?

bhawkins1 — Tue, 17 Jan 2017 09:17:28 GMT

I want to add a text label next to a splunkjs CheckboxView that displays some text so the user knows what the checkbox does.

The example at http://dev.splunk.com/view/SP-CAAAEVJ uses label: "Check me",, but this doesn't actually do anything.

That's consistent with the component ref for checkboxview - http://docs.splunk.com/DocumentationStatic/WebFramework/1.4/compref_checkbox.html

Which doesn't have a "label" property.

How can one add a label to a CheckboxView?

Re: How to add a label to a splunkjs CheckboxView?

rjthibod — Tue, 17 Jan 2017 09:46:40 GMT

You are correct in that the class definition does not include it.

I had a similar issue with the TextInputView and TimeRangeView classes in my own app.

I got around this by prepending a raw html <label> element to the objects.

For example,

// Instantiate components
var mycheckboxview = new CheckboxView({
  id: "mycheckboxview",
  default: false,
  el: $("#mycheckboxview")
}).render();

$('#mycheckboxview').prepend('<label>YOUR LABEL</label>');

Re: How to add a label to a splunkjs CheckboxView?

bhawkins1 — Tue, 17 Jan 2017 09:50:07 GMT

Thanks for the response. It turns out that CheckboxView is stylized differently than CheckboxGroupView, so I will use CheckboxGroupView throughout my app.