addCustomEditor editor component doesn't render

davidkramer12 · November 4, 2023, 4:56pm

So I have created custom editor… I noticed that on dashboard this component doesn’t get render-et. so on this view is missing option series… which is created in custom editor

Module.ts

CustomEditor.tsx

mikhailvolkov · November 4, 2023, 6:08pm

@davidkramer12 Custom Editor is a panel option. It’s not rendered on the panel itself.

Click on the panel ‘Edit’, and you will see it on the right side.

davidkramer12 · November 5, 2023, 7:24am

Damn… But is there a way to render on the panel?

mikhailvolkov · November 5, 2023, 12:11pm

@davidkramer12 You render it as any other Select/Input component using Grafana UI and options.

The caveat for Editors, if you change options directly from the panel, Grafana will ask you if you want to save the dashboard, which is expected behavior.

davidkramer12 · November 13, 2023, 5:32pm

Do you mabye have a solution if you would need to create like series of option based on each data?

bascily this is pretty close but this is generating selection option based on data but i need create options… Se let’s say you have in data [ A,B, C] and then you generate on each letter a select , boolean etc. if you know what I mean

mikhailvolkov · November 13, 2023, 7:15pm

Check out the Data Manipulation plugin, it has a lot of custom editors.

github.com

VolkovLabs/volkovlabs-form-panel/blob/main/src/module.ts

import { PanelPlugin, SelectableValue } from '@grafana/data';
import { getAvailableIcons } from '@grafana/ui';
import {
  CustomCodeEditor,
  DatasourceEditor,
  FormElementsEditor,
  FormPanel,
  HeaderParametersEditor,
  LayoutSectionsEditor,
} from './components';
import {
  ButtonOrientation,
  ButtonOrientationOptions,
  ButtonSize,
  ButtonSizeOptions,
  ButtonVariant,
  ButtonVariantHiddenOption,
  ButtonVariantOptions,
  CodeInitialDefault,
  CodeLanguage,

This file has been truncated. show original

davidkramer12 · November 14, 2023, 9:41am

Thank you I will look into it