Derma for beginners

[MexicanR]

I'm trying to make a flat GUI look for my addon, I have looked at the wiki tutorials but I still can't seem to grasp derma as a whole. Any suggestions? Below are some pictures that I made in Photoshop that are almost excactly what I want to make.

[IMG]https://i.gyazo.com/e8ecad3669d9750b2cfd3d7770a3264b.png[/IMG]

[IMG]https://i.gyazo.com/664b0f2917b3b1d378fd625cece80d56.png[/IMG]

[Bings]

Maybe worth checking out some of Code Blue's tutorials if you haven't already

His YouTube channel: [url]https://www.youtube.com/channel/UCFpuE-Qjn4EWqX-VJ_l7pbw/videos[/url]
His video about derma panels: [url]https://www.youtube.com/watch?v=3bGo95GcywU[/url]

:smile:

[JasonMan]

[URL="http://wiki.garrysmod.com/page/Category:DLabel"]DLabels[/URL] and [URL="http://wiki.garrysmod.com/page/Category:DCheckBox"]DCheckBoxes[/URL] will help you a lot on the settings tab.
Also [URL="http://wiki.garrysmod.com/page/Category:DScrollPanel"]DScrollPanel[/URL] for the logs
As for number sliders, [B]I'm not sure because I've never personally used this[/B], but [URL="http://wiki.garrysmod.com/page/Category:DNumberScratch"]this[/URL] should help

In order to actually get a value back (Rather than just moving a slider and (un)checking a box), use [URL="http://wiki.garrysmod.com/page/Panel/GetValue"]GetValue[/URL].

[MexicanR]

[QUOTE=Bings;50126161]Maybe worth checking out some of Code Blue's tutorials if you haven't already

His YouTube channel: [url]https://www.youtube.com/channel/UCFpuE-Qjn4EWqX-VJ_l7pbw/videos[/url]
His video about derma panels: [url]https://www.youtube.com/watch?v=3bGo95GcywU[/url]

:smile:[/QUOTE]

I have looked at his videos before and they did help somewhat but not to the extent that I need to accomplish the above GUI.

[whitestar]

Its not that hard. Use DERMA:DOCK(TOP) for the settings, so they align all under eachother -- or use a DScrollPanel.

[MysteryPancake]

[QUOTE=JasonMan34;50126396]As for number sliders, [B]I'm not sure because I've never personally used this[/B], but [URL="http://wiki.garrysmod.com/page/Category:DNumberScratch"]this[/URL] should help[/QUOTE]

Try using [URL="http://wiki.garrysmod.com/page/Category:DNumSlider"]this[/URL] instead - I think the image on it is fairly outdated so that's why it looks weird (I think I'll update that)

[Sugartitty]

You said "I still can't seem to grasp derma as a whole" is this your first proper derma panel? if so start with the basics. I know you want to make the menu you sketched up in photoshop, but start small, make a simple, functional but ugly menu to start off. Then add things to it. It's easy to get lost and confused if you aim too high.

I know you said you have looked at the wiki tutorials already, but I'd still recommend: [url]https://wiki.garrysmod.com/page/Derma_Basic_Guide[/url]

I think it explain the basics very well, and when you know what everything there does, go through these [url]https://wiki.garrysmod.com/page/VGUI/Elements[/url] and read ,pre about the parts that intrest you.

Good luck!