Building custom panels in Kibana

Is there any documentation on implementing custom panels in Kibana?

--
You received this message because you are subscribed to the Google Groups "elasticsearch" group.
To unsubscribe from this group and stop receiving emails from it, send an email to elasticsearch+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/elasticsearch/147e8482-3ab4-4da5-843d-9c7c704eb599%40googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

I've been struggling with this a bit, too.

Lately, I've had some success understanding how the "new" Kibana works by
installing Marvel and then looking around.
The biggest issue I'm currently experiencing is exactly what can be
specified for display. A dropdown would be useful, but for now you just
need to know.

Tony

On Tuesday, February 4, 2014 3:01:11 PM UTC-8, Gabe Gorelick-Feldman wrote:

Is there any documentation on implementing custom panels in Kibana?

--
You received this message because you are subscribed to the Google Groups "elasticsearch" group.
To unsubscribe from this group and stop receiving emails from it, send an email to elasticsearch+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/elasticsearch/72c978fb-16ac-471c-bd09-ea563fc2c918%40googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

It's actually not that difficult. Just need a little patience learning
AngularJS. The easiest way to start is to look:

  1. src/app/panels is where all the panels live - copy one out of here (I'd
    start with the text panel), create a new folder - new name based on your
    panel name, and edit and strip down the editor, module, and js files (just
    rename your panel name in the code accordingly)

  2. src/config.js is where you will add your panel to make it visible to
    kibana. Scroll down to the bottom and add it to the list

Assuming you got no syntax errors, clear your browser cache and refresh and
you should be able to add your new panel onto the dashboard. If something
is not working, just reverse all the processes above and you can go back to
your original Kibana state without much problem. You'll probably want to do
this in a DEV environment and test it first anyway.

--
You received this message because you are subscribed to the Google Groups "elasticsearch" group.
To unsubscribe from this group and stop receiving emails from it, send an email to elasticsearch+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/elasticsearch/1cd29006-23d1-4a30-b4d9-6ef53434a70b%40googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

I'm having some issues in the app.js file when I try to add my custom panel
to a row. I keep getting the error "Argument 'custTable' is not a function,
got undefined". custTable is the name of my custom panel. I've attempted
going through the actual js but it seems like an endless rabbit hole. Any
suggestions?

Thanks,
Nick

On Friday, February 14, 2014 8:25:59 AM UTC-5, Binh Ly wrote:

It's actually not that difficult. Just need a little patience learning
AngularJS. The easiest way to start is to look:

  1. src/app/panels is where all the panels live - copy one out of here (I'd
    start with the text panel), create a new folder - new name based on your
    panel name, and edit and strip down the editor, module, and js files (just
    rename your panel name in the code accordingly)

  2. src/config.js is where you will add your panel to make it visible to
    kibana. Scroll down to the bottom and add it to the list

Assuming you got no syntax errors, clear your browser cache and refresh
and you should be able to add your new panel onto the dashboard. If
something is not working, just reverse all the processes above and you can
go back to your original Kibana state without much problem. You'll probably
want to do this in a DEV environment and test it first anyway.

--
You received this message because you are subscribed to the Google Groups "elasticsearch" group.
To unsubscribe from this group and stop receiving emails from it, send an email to elasticsearch+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/elasticsearch/03eeb10f-b797-41a6-bb8d-0e49865fd1cd%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

I have been getting error: 'xyz' is not a function, got undefined where xyz
is name of my panel. I have changed the name of controllers and modules to
xyz.

Is it possible to write a panel from scratch? How is the rendering done?
Where are the controllers defined?

On Friday, February 14, 2014 6:55:59 PM UTC+5:30, Binh Ly wrote:

It's actually not that difficult. Just need a little patience learning
AngularJS. The easiest way to start is to look:

  1. src/app/panels is where all the panels live - copy one out of here (I'd
    start with the text panel), create a new folder - new name based on your
    panel name, and edit and strip down the editor, module, and js files (just
    rename your panel name in the code accordingly)

  2. src/config.js is where you will add your panel to make it visible to
    kibana. Scroll down to the bottom and add it to the list

Assuming you got no syntax errors, clear your browser cache and refresh
and you should be able to add your new panel onto the dashboard. If
something is not working, just reverse all the processes above and you can
go back to your original Kibana state without much problem. You'll probably
want to do this in a DEV environment and test it first anyway.

--
You received this message because you are subscribed to the Google Groups "elasticsearch" group.
To unsubscribe from this group and stop receiving emails from it, send an email to elasticsearch+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/elasticsearch/a4dea828-0c7a-4338-9003-82649f829da7%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.