Skip to main content

Site Navigation

Your Account

Choose Language

Editing Step 6 —

Step Type:

Drag to rearrange

Now that all of the plumbing for the new plugin is in place, it is time to start changing the interface around.

Begin by opening up your visualisation3d.js file and delete the "hidden" class from the div tag being inserted in the code.

And since the background is black, we should also change the font color to something that 'pops'. Since we are using bootstrap.js we can use one of there special classes. In this case where you removed hidden, replace it with 'label label-success'

While we are at it, go ahead and change the log message so that is kicks out the name of your new plugin instead of 'example'.

And finally, clean up all of the rest of the references of Example with the name of your plugin.

Now reload the page in chrome and you should see a green 'example' at the top of the page.