Thu, 24 Sep 2026
Login

How to apply Custom Renderer

Confluence User - 19 Jun, 2018

Hi,

 

I'm trying to create a custom renderer like the color coded fonts from https://handsontable.com/features

documentation from Spreadsheet isn't clear on how to apply it in the custom settings. Is there any examples that I can follow?

forms;spreadsheet

2

Confluence User •
20 Jun, 2018 •
confluenceUser •
1 •
confluenceUser •

Hi, 

You can just paste the following code in your column format. 

{{
    renderer : function(hotInstance, TD, row, col, prop, value) {
        var colors = {
          Red: '#e87677',
          Green: '#66e100',
          Blue: '#00a7fe',
          Purple: '#6623e2',
          Orange: '#ffad24',
          Yellow: '#ffe300',
        };
        TD.style.color = colors[value];
        TD.textContent = value;
    }
}}

 

Best regards.

Confluence User •
20 Jun, 2018 •
confluenceUser •
•
confluenceUser •

perfect! thanks.

1
CSV | Excel | XML | PDF
RELATED QUESTIONS
Process not starting with Form submission.
Form Submission Performance Issue
Export As PDF
Select Box
one to many relationship
Can we create a dropdown field directly in a Joget List so that users can change the status of a record from the list view itself?
How to auto load client data after selecting it in a dropdown?
Retrieve image upload from form into PDF
Error storing data
How to generate unique ID using Textfield?
1
CSV | Excel | XML | PDF

Your answer

To answer a question you'll need an account.

Print