Hello,
I followed this guide to add a plugin specific management section: [Adding management plugin](https://discuss.elastic.co/t/adding-management-plugin/102561)
The problem I'm having is that the html is displaying without any styling. this is an example of my html:
```auto
Documentation
```
the h1 tag is not displayed as a header and displayed as plain text and the material styling is not displaying. I know kibana uses react for the default management sections so I'm not sure if that's the reason or if there's something else I'm missing.
I'm using kibana-6.3.2
This is the way I'm registering the management section:
```auto
import { management } from 'ui/management';
import routes from 'ui/routes';
import template from './main.html';
import documentationController from './documentation_controller'
import '../less/main.less'
management.register('appName', {
display: 'appName',
order: 40,
visible: true
});
management.getSection('appName').register('documentation', {
visible: true,
display: 'Documentation',
order: 1,
url: '#/management/appName/documentation'
});
routes.when('/management/appName/documentation', {
template: template,
controllerAs: 'documentationController',
controller: documentationController
});
```
---
Hey @Sam_Reynolds
Nothing immediately looks out of place to me. You are right that we are using React for a lot of the management sections, and we are actively transitioning the rest to React as well. if you can, I would suggest writing your management section in React too. This will allow you to take advantage of [EUI](https://elastic.github.io/eui/), which will give you consistent styling and accessibility features with the rest of Kibana. This will also help future-proof your plugin for later versions of Kibana.
For an example of setting up a React-based management section, take a look at how the Spaces plugin has implemented one: [https://github.com/elastic/kibana/blob/master/x-pack/plugins/spaces/public/views/management/page\_routes.tsx](https://github.com/elastic/kibana/blob/master/x-pack/plugins/spaces/public/views/management/page_routes.tsx)
---
Thanks @Larry_Gregory, I ended up writing my management section in react and got it working.
I haven't been able to figure out how to modify the top nav bar though. How would I go about adding tabs or just a header?
---
That's great!
Can you explain what you mean by the top nav bar? Kibana has lots of navigation sections, so I want to make sure we're talking about the same thing before giving you an answer.
---
Sorry, I meant the top nav bar of my new management section.
similar to how the advanced settings section has tabs in the top nav bar, I want to put either a header or just a single tab that says "Documentation".
---
This is ordinarily taken care of by the `` directive (angular basically bootstraps the react app, at least for now). Can you post the code you have at this point?
---