Visualize.js: Customization with Secific Overrides

Specific CSS override to a JRS input control class.

by Gene Arnold

HTML

<script src="http://localhost:8080/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: "jasperadmin",
        password: "jasperadmin"
    }
}, function (v) {
    var inputControls = v.inputControls({
        resource: "/public/Samples/Reports/14.PerformanceSummary",
        container: "#containerInput",
        error: function (err) {
            console.error(err);
        }
    });
});