Navigate to Documents\Rainmeter\Skins\Droptop Community Apps\Apps\
Copy and paste one of these apps you'd like to use as a template for creating your app. Rename the folder to the name of your app, followed by your name. For example, rename "Sample_App-Cariboudjan - Copy" to "System_Monitor-John_Smith".
IMPORTANT - Your folder's name must be one word with no spaces, like in the example above. Use an underscore in the place of a space, and use a dash to separate the app name from the author's name. It's recommended that you use the format shown above.
Go to the Droptop home button >> Select "Droptop settings" >> "Community Apps" >> Select a slot >> Select your new app. Your app should now be enabled in Droptop, ready for editing.
In your app's folder, edit the CustomApp.ini file. Edit the "NumberOfItems" variable to reflect the number of items in your dropdown menu (Maximum 10). Change "NumberOfBoxes" to reflect how many boxes you'll be using (Maximum 5).
Step 6 Below that, you'll see ItemTextX, ItemIsFolderX, and ItemActionX. These represent each item in the Dropdown menu, in order from the topmost item to the bottommost item in the list. If ItemIsFolderX is a folder that opens more options, set that value to 1. Otherwise, set it to 0.
Set each item's action. To set an action, you must have an understanding of Rainmeter bangs. Bangs are instructions of what action to perform when that item is selected.
After you've made a few items for your dropdown menu, now you can make icons for your dropdown menu. First, create a fun button for your app in the top bar. Find or create any 32x32 icon for your app. Drag the icon file to your Home button in the top-left corner of Droptop. Your icon will become the new home button. Now you can navigate to \Documents\Rainmeter\Skins\Droptop Folders\Other files\Home\ and copy 2 files named "Button.png" and "ButtonS.png'". Paste those two files to \Droptop Community Apps\Apps\Your_App-Your_Name\Button\Medium\.
The free software GIMPis useful for creating your own icon or editing an existing icon you found on the web. The icon should be 32x32 dimensions.
You can now also make icons for all of your individual items in the dropdown menu. Under the "Icons" folder, you can replace these icons with any 32x32 icon. The icon you create should always be a pure white color. The canvas size of each icon should remain the same.
Repeat this step for any submenus you've created for your app. Go to Folder\Icons\ and set the icons in the same way as you did in Step 9 for the folder number that corresponds to the position of that submenu in the dropdown menu.
Continue editing the CustomApp.ini until it meets the design you had in mind. When you're finished, proceed to compile and share your app with the world.
Note: In the Variables folder of your app, any variables you would like to be preset for the user should be stored in "VariablesDefault.inc". Any of these variables set or changed by the user should be written to "Variables.inc". Variables written to this location will supersede any matching variables in VariablesDefault.inc.
[#App_Name-Your_Name] Equals the slot number your app is in (equals 1, 2, or 3)
[#CustomAppID[#App_Name-Your_Name]] Equals the name of your app
[#CustomAppActiveID[#App_Name-Your_Name[#HideAppCustomApp[#App_Name-Your_Name]]]] Equals the the name of your app only if your app is active - If not active, equals nothing.
[#HideAppCustomApp[#App_Name-Your_Name]] Equals 0 if your app is active - 1 if inactive.
How to share your app
If your app requires any special plugins, navigate to App_Name-Your_Name\Plugins\ and move any 32-bit and 64-bit plugin .dll binaries to the 32bit and 64bit folders respectively.
Go to Droptop Settings >> Support >> Developer tools >> Generate .rsmkin >> Select your app
When the compiler is finished, an Explorer window will appear with your installable .rmskin package
Share your creation on the Droptop Discord #app-releases channel.