How to add a label to a splunkjs CheckboxView?

[bhawkins1]

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?

[rjthibod · Accepted solution]

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>');

[bhawkins1]

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