Increase font size in action log field

Ingrid_GlatzIngrid_Glatz Customer Adept IT Monkey ✭✭

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

Best Answer

Answers

  • Morten_MeislerMorten_Meisler Premier Partner Advanced IT Monkey ✭✭✭
    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_GlatzIngrid_Glatz Customer Adept IT Monkey ✭✭

    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_WiestBrian_Wiest Customer Super IT Monkey ✭✭✭✭✭
    Target your CSS rules for class 
    .action-log-textarea
  • Ingrid_GlatzIngrid_Glatz Customer Adept IT Monkey ✭✭

    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

Sign In or Register to comment.