Can we create a webform kind in the kibana dashboard

Elastic Stack Kibana
1

Hi, Is there a way to create a html form kind with input tags and submit page in the kibana dashboard. Once the form is submitted, the data needs to be pushed to the index.

2

Hi @Lokesh_s,

Welcome to the community! There isn't a way to include a static HTML form in a Kibana dashboard to push data (only markdown which you would struggle to build a dynamic form with). You can add controls to the dashboard but those would filter the visible data in the dashboard components. If you want to include a form that pushes documents you could write a Kibana plugin to handle the form and indexing of documents.

Another option would be to create a vanilla web application to handle the pushing of data, and embed the Kibana dashboard in a web app alongside the form using an iframe. If you are interested in this option check out here in the documentation and also in this blog.

Hopefully one of those options will work for you.

3 Likes
3

Hi @carly.richmond : Thanks for reply,

Reg. your first paragraph reference :

"if you want to include a form that pushes documents you could write a Kibana plugin to handle the form and indexing of documents."

Can you share the reference link OR Any exact documentation steps OR any video link to refer.

Thanks in advance.

4

Sure! I would recommend having a look at the Kibana developer guide documentation:

Hope that helps!

1 Like
5

Thank you for reply Carly.

1 Like
6

Hi @Lokesh_s and @Sunil_Jagtap,

I'm not sure if you are both still trying to build your own plugin for Kibana. But I have been playing around with creating my own and found some additional resources that may help you:

  1. Kibana Plugin Generator to generate boilerplate code.
  2. My toy example using a simple EUI data grid and ES search strategy in a Kibana UI plugin (there's also boilerplate server plugin service as well). I would use the generator rather than this one to get started.
  3. Plugin examples from the Kibana GitHub repo.

If you do go down this path I would warn that maintaining the plugin across versions is something you should consider, as the contact can break between versions. I would also consider carefully security best practices and make sure you sanitise data from your form. Lastly, make sure to use the EUI component library and design system to provide a consistent look and feel in your plugin with Kibana.

If you have any further questions do let us know.

1 Like