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.
CE Form Designer (Navbar + Active Panels Test)
- FluffyWafflesIX
- Table Makers
- Posts: 129
- Joined: Mon Sep 14, 2020 1:50 pm
- Reputation: 104
CE Form Designer (Navbar + Active Panels Test)
- Attachments
-
- NavbarFormDemo.CT
- InfoForm
- (40.47 KiB) Downloaded 1563 times
Re: CE Form Designer (Navbar + Active Panels Test)
^ 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
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
- Table Makers
- Posts: 129
- Joined: Mon Sep 14, 2020 1:50 pm
- Reputation: 104
Re: CE Form Designer (Navbar + Active Panels Test)
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.Paul44 wrote: ↑Sat Aug 26, 2023 8:01 am^ 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
Im assuming what you suggested is what looks like an array or maybe a multidimensional array? If not, then correct me.
Re: CE Form Designer (Navbar + Active Panels Test)
^ " 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
- Table Makers
- Posts: 129
- Joined: Mon Sep 14, 2020 1:50 pm
- Reputation: 104
Re: CE Form Designer (Navbar + Active Panels Test)
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
Reading it like this kind of reminds me of CSS:
Code: Select all
Styles["GameCtnStyles"] = {
backgroundColor = 0x252525,
fontColor = 0xFF89FF,
bevelColor = 0x0000FF,
title = "Title"
}
- FluffyWafflesIX
- Table Makers
- Posts: 129
- Joined: Mon Sep 14, 2020 1:50 pm
- Reputation: 104
Re: CE Form Designer (Navbar + Active Panels Test)
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.
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
- Table Makers
- Posts: 129
- Joined: Mon Sep 14, 2020 1:50 pm
- Reputation: 104
Re: CE Form Designer (Navbar + Active Panels Test)
And here is the latest with a real homepage example.
- FluffyWafflesIX
- Table Makers
- Posts: 129
- Joined: Mon Sep 14, 2020 1:50 pm
- Reputation: 104
Re: CE Form Designer (Navbar + Active Panels Test)
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.
- 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.
- Attachments
-
- NavForm_v4.CT
- ezpz
- (164.99 KiB) Downloaded 1532 times
Who is online
Users browsing this forum: No registered users