This is basically the same question as this post:
> [@Field Formatter registration Kibana 7.6.2](https://discuss.elastic.co/t/field-formatter-registration-kibana-7-6-2/228544):
>
> Hi, I attempted to register my plugin using this: [image] Here is how I used it: [image] But I get this error: I changed the code to this (passing an array with my field formatter): [image] However the page to edit field types comes up blank on kibana Can someone provide some insight as to what I can do to register my field formatter plugin?
But this one does not have a solution, at the very least the last post does not solve my issue. Although I believe there are typos in the last post also.
I am trying to upgrade my field format plugin to Elastic stack 7.6.2.
Since I have not grasped the new way to create plugins using Typescript, I tried to use the legacy implementation.
With the following code the field formatter is registered, but when I try to activate it for one field, I get an empty page similar to what is listed at the end of the first post here: [Field Formatter registration Kibana 7.6.2](https://discuss.elastic.co/t/field-formatter-registration-kibana-7-6-2/228544)
"plugins\truncateddialog\index.js"
```auto
export default function (kibana) {
return new kibana.Plugin({
require: ['elasticsearch'],
id: 'truncatedstringdialog',
uiExports: {
fieldFormats: [
'plugins/truncatedstringdialog/public/truncatedmodal'
],
injectDefaultVars(server) {
const config = server.config();
return {
truncatedLength: config.get('truncatedstringdialog.maxlength')
};
}
},
config(Joi) {
return Joi.object({
enabled: Joi.boolean().default(true),
maxlength: Joi.number().integer().default(50)
}).default();
}
});
};
```
"plugins\truncateddialog\public\truncatedmodal.js"
```auto
import { npSetup, npStart } from 'ui/new_platform';
export function TruncatedStringDialogProvider() {
class TruncatedStringDialog extends FieldFormat {
static id = 'truncatedstringdialog';
static title = 'Truncated String Dialog';
static fieldType = KBN_FIELD_TYPES.STRING;
textConvert = val => {
const length = 0;
if (length > 0) {
return trunc(val, {
length: length + omission.length,
omission,
});
}
return val;
};
htmlConvert = (rawValue, field, hit) => {
const length = 50;
if (length > 0) {
return '' +
''
}
return `