Control Panel - Customize the output of a field on the entries listing page

[thejmsill]

Hi All - I've searched all over and can't figure out...

In the control panel entries listing page. Is it possible to change the OUTPUT of a field/column in the collections listing page?

Ex: The table spits out the title, slug and status. I'd like to make the 'slug' a LINK to the url rather than just the slug. (screenshot attached for clarity).

Thanks!

[marcorieser]

You surely could implement your own version of the slug fieldtype or modify the core's index fieldtype: https://statamic.dev/extending/fieldtypes#index-fieldtypes.

[marcorieser]

Here is an example of how I implemented a custom status fieldtype. It uses the existing select fieldtype and a custom index:

// cp.js

import ParticipationStatusIndexFieldtype from './components/fieldtypes/ParticipationStatusIndexFieldtype.vue';

Statamic.booting(() => {
  Statamic.$components.register('participation_status-fieldtype', Vue.component('select-fieldtype'));
  Statamic.$components.register('participation_status-fieldtype-index', ParticipationStatusIndexFieldtype);
});