CE Form Designer (Navbar + Active Panels Test)

[FluffyWafflesIX]

What is this?
Just something I made to see if it was possible. Of course there are elements that are already premade for you such as the Page Control element however I didnt want to use Page Control and wanted something similar to how a Navbar would behave with "pages".

This is just an info form that uses panels that act as buttons when clicking on them they activate a "page" which shows whatever information is to be shown. The other point in making this was for the purpose of changing the desired styles on events.

Anyone can reuse this, edit it, or even take bits of the code and use it in their own projects.
If you want to see the code: Click on "Table" at the top of the CE window and click "Show Cheat Table Lua Script"

Current Tabs:
- Elements (holds all element names for parent/children, listed to make easy use for names)
- Navbar Logic (Controls your navbar and active panel states)
- Button Events (Events meant for everything except navbar buttons)
- GameCtn Styles (Styles include backgroundColor, fontColor, bevelColor, Captions)
- TableCtn Styles
- UpdatesCtn Styles
- DownloadCtn Styles
- SupportCtn Styles

Notes: Everything in this was made up of panels.

[Paul44]

^ good job, and thx for sharing.

I gave it a quick look, and (obviously) had some suggestions/ideas:
a. add a button showing the "full" Lua script code (sure, one can always "edit" the table)

b. this approach might be very interesting for tablemakers who (also) want to look into splitting up their table(features) over several window(tabs)

c. perhaps make use of lua_tables here: eg 'GameCnt_Styles'-button/panel:

aGameCnt_Styles =
{ [11] = { 0x8FFF5B, 0x000000, 0x252525,"Game Name"},
[12] = ...,

[21] = { 0x838383, 0x000000, 0x252525,"Risk of Rain 2"},
[22] =
... }

=> i did not check how the "vars" are implemented (yet) though

[FluffyWafflesIX]

^ good job, and thx for sharing.

I gave it a quick look, and (obviously) had some suggestions/ideas:
a. add a button showing the "full" Lua script code (sure, one can always "edit" the table)

b. this approach might be very interesting for tablemakers who (also) want to look into splitting up their table(features) over several window(tabs)

c. perhaps make use of lua_tables here: eg 'GameCnt_Styles'-button/panel:

aGameCnt_Styles =
{ [11] = { 0x8FFF5B, 0x000000, 0x252525,"Game Name"},
[12] = ...,

[21] = { 0x838383, 0x000000, 0x252525,"Risk of Rain 2"},
[22] =
... }

=> i did not check how the "vars" are implemented (yet) though

My knowledge on Lua is pretty low. When I made this this was with the help of ChatGPT because I wasnt really aware of the proper syntax when using Lua. Currently im looking more into Lua itself and working on form responsiveness for both mobile and tablet views and a few extra fun stuff.

Im assuming what you suggested is what looks like an array or maybe a multidimensional array? If not, then correct me.

[Paul44]

^ " looks like an array": indeed. except in lua, they "call" it tables. it takes a bit of practice, but once you get the hang of it, you'll be using this plenty. I suggest you have another look once you get to thàt point

[FluffyWafflesIX]

^ " looks like an array": indeed. except in lua, they "call" it tables. it takes a bit of practice, but once you get the hang of it, you'll be using this plenty. I suggest you have another look once you get to thàt point

Code: Select all

local Styles = {backgroundColor,fontColor,bevelColor,""}
Styles["GameCtnStyles"] = {
                        backgroundColor = 0x252525,
                        fontColor = 0xFF89FF,
                        bevelColor = 0x0000FF,
                        title = "Title"
                        }

FormMenu_ArrayOutput.Color = Styles["GameCtnStyles"].backgroundColor
FormMenu_ArrayOutput.Font.Color = Styles["GameCtnStyles"].fontColor
FormMenu_ArrayOutput.BevelColor = Styles["GameCtnStyles"].bevelColor
FormMenu_ArrayOutput.Caption = Styles["GameCtnStyles"].title

Like this? I guess it makes it a little easier to read if you were to edit the styles.

Reading it like this kind of reminds me of CSS:

Code: Select all

Styles["GameCtnStyles"] = {
                        backgroundColor = 0x252525,
                        fontColor = 0xFF89FF,
                        bevelColor = 0x0000FF,
                        title = "Title"
                        }

[FluffyWafflesIX]

Heres a little update and showcase of the NavForm (v3)



In this video I just wanted to show the possibility of creating a scrollbar and simulating the scroll effects. Of course the scrollbar is custom so if you didnt want a fat scrollbar then you could make it slim or even change the scrollbar component colors. Im still testing and trying out new ideas for this... Currently, the NavForm has a fixed height due to window resize responsiveness not fully supported just yet.

[FluffyWafflesIX]

And here is the latest with a real homepage example.

[FluffyWafflesIX]

Here is the v4 release featuring:
- Player Cheats Page
- Enemy Cheats Page
- Visual Cheats Page
- Special Cheats Page
- Map Cheats Page
- Main Menu Cheats Page
- Lobby Cheats Page
- Toggleable buttons per page
- Sub Navbar for Player & Enemy pages which you can toggle on/off wanted sections
- Hover effects for interactable buttons
- "Clear All" button to remove all sub sections instead of clicking each one one at a time
- Slick scrollbar + scrollable content
- Last but not least, messy code

Note: There are some scrolling issues like flickering if you try to scroll past the limit. Its doing this because its constantly resetting the content position. I dont have a fix for this in this version.

Everything in this release does not have any functioning cheat scripts. This is more or less a demonstration of the front end side of things. Editing wise? Code is messy. There were a lot of things I was adding in then trying out new things and then ending up deleting some stuff and adding more and so on. For the scrollable content and to simplify how it was made just think of a vertical carousel.

The cheat feature names were based off my GTFO table which is my most jam packed table I have had to offer and decided to use it in this form because idk it has the most content? This was certainly fun (...frustrating sometimes due to CE's limitations).

Also, this is my final release for this form for a ... very hot minute. I got another project to focus on.