I don't know how to make a plugin!

[Mr. Tom]

Hi!

I want to make a plugin from a simple code I made and have put in on my forum, but have no idea how to turn the code into a plugin!

This is what it will look like:



So basically there would be an option to add/remove user groups which would display underneath the 'Users Online' list on the main home page, and each group shown would link to that group's member list, just like it does on my forum.

Just wondering if anyone could help/assist me with this!

Thanks in advance,
Mr. Tom

[Wormopolis]

In the interest of helping someone how to learn to write a plugin, I will, but it seems like this could have been done with a template mod even easier...

when you create your plugin, you get to add components in. if you want your code to be in an external .js file that browsers will cache for faster loading, use the JS component. but in order to ensure your code runs after the page loads, you need to wrap it with

$(document).ready(function(){

YOUR CODE

});

otherwise the code will run when the .js is called (between the banner and main I think). do not put <script> tags in there. the .js file is already assumed to be a script.

another option, is to add a MAIN component. you will see the box you get has two tabs for header and footer. you will want your code in the footer so it runs after the info center is done. It will need to have <script> tags around it because it places the exact content into the footer.  doing it this way means the code has to be loaded every page load from the server, so keep these small or risk slowing down load time.

The User interface is where you set up the settings forms for your plugin. each component you add will get a name based on the title you give it. when you are done setting up your form, you can preview it to see how it will look to users. save it and go back to components tab.

now on the right you will see new variables that correspond to all the things you added on the UI. if you highlight one and click INSERT it will put its long path name over in the editing area. different components will have different kinds of values runtime, so make sure you use the right one for the job. autoforms always come out as an array of objects, with elements in the objects being the components in the autoform. if you just use components without an autoform, they will come back as singular variables. tings like forum searches, selections, and sortable lists will come back as an array. you kinda just have to experiment to see what you get back.

welcome to the world of programming

[Mr. Tom]

I didn't understand that at all... I think I'll just leave it!

[Wormopolis]

I dont know how to simplify it down any more guy...

[Mr. Tom]

Ok. I'll see what I can do, but thanks a lot anyway, you've clearly spent a while on that!

[Chris]

Have you watched the videos Mr. Tom, perhaps it may be easier for you to watch/hear?

• Plugin Tutorial by Jordan

  Nov 26, 2012 14:38:59 GMT -8 Jordan said:

  Demonstrates how to create a basic plugin for the Proboards version 5 software. It also covers a few standard web development tricks that you should know about when doing any kind of web development.
  
  Be sure to view in 1080p HD in full screen mode!
  
  Part 1
  Part 2
  
  Plugin Download

  
  
• The Making of a Plugin #1 by Peter

  Nov 26, 2012 11:49:31 GMT -8 Peter said:

  Hello,
  
  This video is of me creating a plugin from start to finish.  The plugin was for a request to stylise member names.
  
  Each time I create a plugin, I will try to record it so others can see how it was done so they can learn from it.
  
  For the plugin file, you can download it at the bottom of this post.
  
  Watch in 480 or 720.
  
  YouTube Direct Link
  
  
  
  
  

  
  

[Mr. Tom]

Mar 9, 2014 15:50:30 GMT -8 Chris said:

Have you watched the videos Mr. Tom, perhaps it may be easier for you to watch/hear?

• Plugin Tutorial by Jordan

  Nov 26, 2012 14:38:59 GMT -8 Jordan said:

  Demonstrates how to create a basic plugin for the Proboards version 5 software. It also covers a few standard web development tricks that you should know about when doing any kind of web development.
  
  Be sure to view in 1080p HD in full screen mode!
  
  Part 1
  Part 2
  
  Plugin Download

• The Making of a Plugin #1 by Peter

  Nov 26, 2012 11:49:31 GMT -8 Peter said:

  Hello,
  
  This video is of me creating a plugin from start to finish.  The plugin was for a request to stylise member names.
  
  Each time I create a plugin, I will try to record it so others can see how it was done so they can learn from it.
  
  For the plugin file, you can download it at the bottom of this post.
  
  Watch in 480 or 720.
  
  YouTube Direct Link
  
  
  
  
  

I'll take a look when I have a while, but I've posted a layout template in the Templates Library in the mean time!