Can I change the text of the green plus icon / create new button on a Table?

  • 1
  • Question
  • Updated 4 years ago
  • Answered
I would like to change the default text that appears when I hover over the green plus icon on a Table from "Add New {Object Name}" to something custom, for instance for a Tasks table, change it from "Add New Task" to "Add Task / Log a Call". Is this possible?

Photo of Zach McElrath

Zach McElrath, Employee

  • 49,056 Points 20k badge 2x thumb

Posted 6 years ago

  • 1
Photo of Zach McElrath

Zach McElrath, Employee

  • 49,056 Points 20k badge 2x thumb
Official Response
Currently, no, you cannot change this text for just one Table. This text is set the same for all tables, and is populated automatically with the appropriate object, e.g. Task in the above picture. You can change this text globally (that is, for ALL tables) by going to Custom Labels, finding the "Add New" label that comes with the Skuid package, and creating a Local Translation override for it for English or whichever language you'd like.

However, there is a workaround for this: turn off the green plus icon, and use a custom Global Action for the table that runs a short Snippet.

1. Create an Inline Snippet:

The snippet code does exactly what the green plus icon button does:



var self = arguments[0];

// Create a new Item
var newItem = self.list.newItem(
self.model.createRow({
initiatorId : self.list._GUID,
additionalConditions : self.list.options.conditions
}),
{ editModeForNewItems : true }
);

self.list.render({
resetPagination : true
,refreshFields : false
});

// Focus on the first input
var firstInput = newItem.element.find(':input').first();
firstInput && firstInput.focus();




2. Create a Global Action on your Table



3. Uncheck the Table property "Allow Inline Record Creation".



4. Save your page, and Preview - Voila!

Photo of Zach McElrath

Zach McElrath, Employee

  • 49,056 Points 20k badge 2x thumb
Official Response
As of the winter 14 release of Skuid, there's another way to do this: rather than using a Snippet Global Action, there's a Global Action type called "Create Row" that lets you set the button icon and label to whatever you want, and it lets you choose whether to add the new row at the top or bottom of the table.