Visualize.js: Customization with Secific Overrides

Specific CSS override to a JRS input control class.

HTML

<script src="https://mobiledemo.jaspersoft.com/jasperserver-pro/client/visualize.js"></script>

<div id="containerInput" style="width:300px">
  <h4>Loading...</h4>
</div>

CSS

#containerInput .jr-mInput-boolean-label {
    color: #218c00;
}

JavaScript

visualize({
    auth: {
        name: "joeuser",
        password: "joeuser",
        organization: "organization_1"
    }
}, function (v) {
    var inputControls = v.inputControls({
        resource: "/public/viz/Adhoc/Ad_Hoc_View_All_filters_Report",
        container: "#containerInput",
        error: function (err) {
            console.error(err);
        }
    });
});