Eddyzz … I’ve been in the same boat and found the examples on the community invaluable. Here’s a couple of mine (hacked together from bits found on the community) to get you started: 1. Custom field renderer (snippet) used for Task Due Date. It adds a CSS class if the task is overdue, which we then use to style it red. //Adds CSS classes to allow for conditional formatting var field = arguments[0], value = skuid.utils.decodeHTML(arguments[1]); skuid.ui.fieldRenderers[field.metadata.displaytype]field.mode; var today = new Date(); today.setHours(0,0,0,0); //Returns today at midnight today = Date.parse(today); value = Date.parse(value); //Add the class if the due date is earlier than today at midnight if (field.mode == ‘read’ && value < today) { field.element.addClass(“overdue”); } 2. Custom field renderer (snippet) used for various currency fields. It aligns the text right. var field = arguments[0], value = arguments[1], metadata = field.metadata, dt = metadata.displaytype; field.element.css({‘text-align’: ‘right’}); // Run the field’s default renderer skuid.ui.fieldRenderers[metadata.displaytype]field.mode;
