How to make a simple roblox widget plugin

How to make a simple roblox widget plugin

All the links mentionned in the video is down here:

You can install the plugin that we made in the video: https://www.roblox.com/library/5388363332/Notes-Plugin

You can download the rbxm file of it: https://www.roblox.com/library/5388383578/Notes-Plugin

A website to generate good colors for your UI's: https://coolors.co

The Roblox API: https://wiki.roblox.com

Script source code:

local Toolbar = plugin:CreateToolbar("Tutorial Suite") local NotesButton = Toolbar:CreateButton("Notes", "Type some notes", "rbxassetid://4370186570", "Notes") local Opened = false

local NotesWidgetInfo = DockWidgetPluginGuiInfo.new( Enum.InitialDockState.Left, false, -- Widget will be initially enabled false, -- Don't override the previous enabled state 200, -- Default width of the floating window 300, -- Default height of the floating window 150, -- Minimum width of the floating window (optional) 150 -- Minimum height of the floating window (optional) )

local NotesWidget = plugin:CreateDockWidgetPluginGui("Notes", NotesWidgetInfo) NotesWidget.Title = "My Notes" local NotesGui = script.Parent.NotesGui NotesGui.Parent = NotesWidget

local NotesGuiToolbar = NotesGui.Toolbar local NotesZoomInButton = NotesGuiToolbar.ZoomIn local NotesZoomOutButton = NotesGuiToolbar.ZoomOut local NotesTextBox = NotesGui.TextBox

NotesZoomInButton.MouseButton1Click:Connect(function() NotesTextBox.TextSize = NotesTextBox.TextSize + 4 end)

NotesZoomOutButton.MouseButton1Click:Connect(function() NotesTextBox.TextSize = NotesTextBox.TextSize - 4 end)

NotesButton.Click:Connect(function() if Opened then NotesWidget.Enabled = false Opened = false else NotesWidget.Enabled = true Opened = true end end)

If you have any questions, don't be shy, I'll be happy to answer you in the comments section! ... https://www.youtube.com/watch?v=xU_aBvtsl1I