Increase font size in action log field

Ingrid_Glatz

My collegues are complaining about that when writing into the action log, the font size is pretty small while at the same time, the line spacing is far too large.

Is it possible to increase the font size and decrease the line spacing? I couldn't find a .js or other file that seems to set the 2 configurations where I'm able to either add something into custom space or even modify a regular file.

Thanks.

Ingrid

Morten_Meisler

Oh, I misunderstood then Yes as Brian said, you can just make the following change in custom.css file, just experient with the values. (My previous code goes in custom.js)

.action-log-textarea {
font-size: 150%
line-spacing: 50%
}

Morten_Meisler

Hi Ingrid,

At first I thought you could just use the action-log-comment class in CSS, but this class is only generated when all the log comments are expanded. So nothing happens if you just set this. The best solution I found was to trigger the click event to expand all log comments and then unexpand it right after (optionally you can also just leave all comments expanded at default)

Code:

//********************************************************
//Set font size and line spacing on Action log comments
//***********************************************************
app.custom.formTasks.add('Incident', null, function (formObj, viewModel) {
    //bind a function to the form ready event
    formObj.boundReady(function () {
		
	//Expand all log comments (the class is called k-plus)
	$("div[data-control-grid=actionLogGrid]").find(".k-icon.k-plus").first().click();
	
	//Set size and line spacing for the actionlog text
	$(".action-log-comment").css("font-size","150%");
	$(".action-log-comment").css("line-height","150%");
	
	//Unexpand all log comments (the class is called k-minus now)
	$("div[data-control-grid=actionLogGrid]").find(".k-icon.k-minus").first().click();
	return;
	
	});
});

Screenshot:

Ingrid_Glatz

Hi Morten,

I'm looking for a way to increase the font size and decrease the line spacing while typing into the action log field, not to look at it at a later stage. Does this work with your code? And do I copy it into the custom.css or where?

Thanks

Ingrid

Brian_Wiest

Target your CSS rules for class 
.action-log-textarea

Morten_Meisler

Oh, I misunderstood then Yes as Brian said, you can just make the following change in custom.css file, just experient with the values. (My previous code goes in custom.js)

.action-log-textarea {
font-size: 150%
line-spacing: 50%
}

Ingrid_Glatz

Hi Morten,

the % value didn't work for me. I changed the part to:

.action-log-textarea {
font-size: 16px;
line-spacing: 10px;
}

Font size is now fine. The line spacing doesn't seem to change, no matter whether I use px or %. But this is less important than the font size.

Thanks

Ingrid