Thanks. The cellrenderer function approach solves issue #2. I still have issue #1. when I dynamically increase the font size through a click event. Here’s what happens. I see the font size increase and a split second later it reverts to the original size.
Here is the click handler for the increase button size event. When called with up === true doesn’t work. When called with up === false works fine.
function changeFontSize(up) {
var newSize;
if (up) {
newSize = currentFontSize * SIZE_FACTOR;
} else { // must be down
newSize = currentFontSize / SIZE_FACTOR;
}
$("#current_question").css("font-size", newSize );
$("#current_answer").css("font-size", newSize);
// as per jqWidgets documentation.
$(".jqx-grid-column-header").css("font-size", newSize);
$(".jqx-grid-cell").css("font-size", newSize);
$("body").css("font-size", newSize);
currentFontSize = newSize;
}