ScaleformUI is a GTA menu styled API made with custom Scaleforms to be lighter, faster and visually better
License: Other
I think i am getting a bit annoying with all of my new issues :D
But i really love this resource
ANYWAY ,
Not sure if this is intended or not but,
when Lobby menu or custom pause menu is opened, if you press backspace or right mouse click , it will close as it should , but whenever you use ESC key , it will both close it and open GTA default pause menu
it works fine on default menus, but not on lobby and pause menus
An example with TimerBars, which could open up other areas. Some items wouldn't make much sense using this but a Menu could gain some benefits from it.
// In TimerBarPool
public void AddTimerBar(Action<TextTimerBar> timerBar)
{
TextTimerBar item = new();
timerBar?.Invoke(item);
_bars.Add(item);
}Use;
_timerBarPool = new TimerBarPool();
_timerBarPool.AddTimerBar(bar =>
{
bar.Label = "Timer Bar";
bar.Caption = "Caption";
bar.CaptionColor = Color.FromArgb(255, 128, 100, 255);
});I'm sorry to bother you again but I couldn't solve this by myself.
UIMenuGridPanel and UIMenuPercentagePanel change event is being triggered multiple times on mouse click.
video:
https://streamable.com/7mpbn1
simpleMenu .lua file used in the video
simpleMenu.zip
Tested only in lua with the latest release files + assets
The UIMenu:Draw function has handling for if a warning is showing, but the UIMenu:ProcessControl function doesn't, so any user inputs pressed while showing a warning get processed by the UIMenu behind the warning.
ok so , i just did send my pull request about 1 hour ago : #17
After more testing , if you change some values in the menu, it will cause the menu to , re render i think ?
as it will blink for a frame or two
it is very noticeable and annoying
FIX :
after separating pool:ProcessControl() and pool:Draw() to 2 different threads , the problem was solved
This is just so every commit is on the same page and we're not looking at Github code reading going all over the place.
For example the document linked uses spaces and then uses tab, it would be best to stick with one and not do both.
Wiki contains already lots of functions, but there are still some hidden features that you cannot find direct solution. So i'm requesting some wiki improvements, when creators have time. This will also reduce the amount of issues!
Sorry, but this is only way to get this message to the awesome creation team, THIS IS NOT AN ISSUE, this is suggestion!!
Support for adding Gta V online styled rank/rank up hud, screenshot below:
This would be awesome adding if it is possible to do. Btw this is awesome project, it saved my project i love you : ))))!!!!!!!
And i am sorry, THIS IS NOT AN ISSUE!!
I'm not sure if it's just my problem but when I populate a menu with 100 items (a car shop) it freezes the game for a few seconds before opening. This freeze starts from 70 items and only increases from there. Is there anything I could be doing wrong?
How to replicate:
Just create a main menu and add 70 or more items (UIMenuItem.New)
running in Lua btw
I have a fix for this, PR will be added shortly.
Current Issue:
When user changes item in the UIMenuListItem, the list value will change in the view but the data returned doesn't reflect the change.
Is it even possible to change ScaleformUI.Scaleforms.PlayerListScoreboard location on screen, like u can do with the menu.
It wont really be able to look at from that position lmao.
Hey!! I need some help... What is wrong?
I've been using the ScaleformUI.Notifications:ShowHelpNotification function in my project, and overall it works well. However, I've noticed that the last parameter, which is supposed to set the duration of the notification, doesn't seem to work correctly.
Specifically, when I pass in a value of 200000 milliseconds, as in ScaleformUI.Notifications:ShowHelpNotification('TEXT', 200000) the notification does display for a while, but it never stays on the screen for the full duration. In fact, it seems like the maximum duration it ever shows for is around 5000 milliseconds.
I've tried different values for the timing parameter, but the behavior is always the same: the notification disappears much earlier than expected.
The OnPauseMenuTabChanged method doesn't seem to be working for me. Here's the full code that I've tried:
local function CreateCareersMenu ()
local careersMenu = TabView.New(t('careers_menu_title'), t('careers_menu_subtitle'))
-- Add the menu to the pool
pool:AddPauseMenu(careersMenu)
-- Civilian Career
local civilianTab = SubmenuTab.New(t('careers_menu_submenu_civilian_title'):upper())
careersMenu:AddTab(civilianTab)
local civilian_select = TabLeftItem.New(t('careers_menu_submenu_civilian_select'), LeftItemType.Info)
civilianTab:AddLeftItem(civilian_select)
civilian_select.TextTitle = t('careers_menu_submenu_civilian_title')
civilian_select:AddItem(BasicTabItem.New(t('careers_menu_submenu_civilian_content')))
-- Police Career
local policeTab = SubmenuTab.New(t('careers_menu_submenu_police_title'):upper())
careersMenu:AddTab(policeTab)
local police_select = TabLeftItem.New(t('careers_menu_submenu_police_select'), LeftItemType.Info)
policeTab:AddLeftItem(police_select)
police_select.TextTitle = t('careers_menu_submenu_police_title')
police_select:AddItem(BasicTabItem.New(t('careers_menu_submenu_police_content')))
-- Medical Career
local medicalTab = SubmenuTab.New(t('careers_menu_submenu_medical_title'):upper())
careersMenu:AddTab(medicalTab)
local medical_select = TabLeftItem.New(t('careers_menu_submenu_medical_select'), LeftItemType.Info)
medicalTab:AddLeftItem(medical_select)
medical_select.TextTitle = t('careers_menu_submenu_medical_title')
medical_select:AddItem(BasicTabItem.New(t('careers_menu_submenu_medical_content')))
-- Criminal Career
local criminalTab = SubmenuTab.New(t('careers_menu_submenu_criminal_title'):upper())
careersMenu:AddTab(criminalTab)
local criminal_select = TabLeftItem.New(t('careers_menu_submenu_criminal_select'), LeftItemType.Info)
criminalTab:AddLeftItem(criminal_select)
criminal_select.TextTitle = t('careers_menu_submenu_criminal_title')
criminal_select:AddItem(BasicTabItem.New(t('careers_menu_submenu_criminal_content')))
careersMenu.OnPauseMenuTabChanged = function(menu, tab, tabIndex)
print('[OnPauseMenuTabChanged]: ' .. tabIndex)
end
careersMenu.OnLeftItemSelect = function(menu, item, index)
if (index == 1) then
careersMenu:Visible(false)
pool:CloseAllMenus()
StartCriminalCareer()
end
end
careersMenu:Visible(true)
careersMenu:CanPlayerCloseMenu(false)
careersMenu:FocusLevel(1)
end
If a ShowWarningWithButtons is opened while a UIMenu is showing, the instructional buttons for the UIMenu will not shown to the user after the warning is closed.
Reproduction:
Open a UIMenu with instructional buttons.
Open a warning screen while the menu is open.
Close the warning screen.
The original UIMenu instructional buttons are now missing until the menu is opened again or the user navigates to a child menu
As Lua starts its index at 1 and not 0, some of the example code is leading to confusion when being used. We should review the code in place for List Items and check the starting index value is 1 as per Lua indexing, and that any examples follow suit.
UIMenuListItem index handling on creation to make sure the correct value is being usedexample.lua to have the correct starting index valuesI am developing two menus - one for account creation and one for career selection. The account creation menu works perfectly, but I encounter an error when trying to implement similar functionality in the career selection menu.
Here's the working code for the account creation menu:
private static void CreateMenu()
{
TabView pauseMenu = new TabView("User Account", "Here you can manage, create or select an account to use on GTA Americas.", "", "", "");
pauseMenu.CanPlayerCloseMenu = false;
pauseMenu.FocusLevel = 1;
SubmenuTab multiItemTab = new SubmenuTab("CREATE");
pauseMenu.AddTab(multiItemTab);
TabLeftItem second = new TabLeftItem("Information", LeftItemType.Info);
TabLeftItem fourth = new TabLeftItem("Account Details", LeftItemType.Settings);
second.UpdateBackground("scaleformui", "pauseinfobg", LeftItemBGType.Full);
fourth.UpdateBackground("scaleformui", "pausesetsbg", LeftItemBGType.Resized);
multiItemTab.AddLeftItem(second);
multiItemTab.AddLeftItem(fourth);
second.RightTitle = "Welcome";
second.AddItem(new BasicTabItem("Content Text"));
SettingsItem usernameItem = new SettingsItem("Username", "");
SettingsItem passwordItem = new SettingsItem("Password", "~c~**********");
SettingsItem confirmItem = new SettingsItem("Confirm Password", "~c~**********");
SettingsItem emailItem = new SettingsItem("Email", "");
SettingsItem createItem = new SettingsItem("Create Account", "")
createItem.OnActivate += (item) =>
{
pauseMenu.Visible = false;
CreateAccount();
};
fourth.AddItem(usernameItem);
fourth.AddItem(passwordItem);
fourth.AddItem(confirmItem);
fourth.AddItem(emailItem);
fourth.AddItem(createItem);
pauseMenu.Visible = true;
}For the career selection menu, I'm using similar code, but it results in an error. I've attached a screenshot of the error below.
Additionally, I noticed that removing the following lines from the account creation menu also results in an error. However, removing or adding these lines in the career selection menu does not change the error that I'm encountering.
infoItem.UpdateBackground("scaleformui", "pauseinfobg", LeftItemBGType.Full);
accountItem.UpdateBackground("scaleformui", "pausesetsbg", LeftItemBGType.Resized);Here is the Careers Menu code:
private static void CreateCareersMenu()
{
TabView pauseMenu = new TabView("Careers", "Start by selecting your first career path.", "", "", "");
pauseMenu.CanPlayerCloseMenu = false;
pauseMenu.FocusLevel = 1;
/*
* Welcome
*/
TextTab welcomeTab = new TextTab("WELCOME", "Welcome");
welcomeTab.AddItem(new BasicTabItem("Content.\n\n"));
pauseMenu.AddTab(welcomeTab);
/*
* Create
*/
SubmenuTab createTab = new SubmenuTab("CREATE");
pauseMenu.AddTab(createTab);
TabLeftItem infoItem = new TabLeftItem("Information", LeftItemType.Info);
TabLeftItem accountItem = new TabLeftItem("Account Details", LeftItemType.Settings);
infoItem.UpdateBackground("scaleformui", "pauseinfobg", LeftItemBGType.Full);
accountItem.UpdateBackground("scaleformui", "pausesetsbg", LeftItemBGType.Resized);
createTab.AddLeftItem(infoItem);
createTab.AddLeftItem(accountItem);
pauseMenu.Visible = true;
}Any assistance in resolving this issue would be greatly appreciated. Thank you!
Latest release that includes New Lobby Menus, have a very small issue on CreateMenu (as it is older than what it is already inside github (not release)
just wanted to tell you about this, so people dont get confused on using the latest version !
To be exact :
This part is the issue, as it is trying to add sub1 as a submenu to sub1 again !
(and sub2 is not even used at all)
I am not sure what is the intended use but this will fix the error and menu will show up correctly and also will use sub2 aswell
local sub1 = UIMenu.New("Ciao", "ciao", 50, 50, true, nil, nil, true)
local sub2 = UIMenu.New("Ciao", "ciao", 50, 50, true, nil, nil, true)
exampleMenu:AddSubMenu(sub1, "test", "test")
exampleMenu:AddSubMenu(sub2, "test", "test")If a UIMenu has CanPlayerCloseMenu set to false (so that players can't close the menu), the 'Back' instructional button is still displayed. This may cause confusion with users attempting to close a menu that they are blocked from closing, then not knowing why it won't close.
When i try to create a high number of UIMenuCheckboxItem fivem crash and the reason is a high time to respond from CitizenCrash
the code generating the element (it's sync generation)
function createSpecifi(data, menu)
for index, value in ipairs(data) do
local itemchecked= UIMenuCheckboxItem.New(value.nom, false ,0,"Desactiver le composant",1,117,0,0)
itemchecked.OnCheckboxChanged=function (menu,item,checked)
local id=item.Base._itemData.data.id
if(checked) then
table.insert(underReplace,id)
else
for key, value in ipairs(underReplace) do
if(value==id) then
table.remove(underReplace,key)
end
end
end
end
itemchecked:ItemData({data=value})
menu:AddItem(itemchecked)
end
end
Subtitle method not working for both changing the subtitle and getting the current subtitle (for menus)
I would like to request a feature that allows creating menus without the "Banner" section. Here a example:
Added so I know to work on it
Example from GTA:O Menu, Rockstars name shows in a different font.
When I press F7 in the example script, I get an error. I am not sure if this is a common issue or if it's just me. Can someone help me fix this issue?
Can produce a video if need be, but here's the reproduction steps:
if IsControlJustPressed(1, 86) and not MenuHandler:IsAnyMenuOpen() then inside of the thread for the markerIt would appear that during the open and close menu spam that the MenuHandler thinks that its open, when in reality nothing shows on the screen. Then, you cannot open the menu from the blip because of not MenuHandler:IsAnyMenuOpen()
Hi,
I have a problem in the library with a simple menu.
I use the last release of ScaleformUI_Lua with the code below
Changing description with Description method doesn't work as intended
Changing Checkbox state while already in menu needs to be duplicated to work correctly
CloseAllMenus function doesn't work and will cause overwrite or duplicates on last opened menu when you open a new menu (needs testing) fixed thanks to @QuadrupleTurbo
building Async is currently kinda useless as it could take a lot of time (2sec) to build up a ~50 item menu with some animations , possibly make it moveable to next index but not to last index untill its built ( tldr : while building can go down , but cant go up past # 1 index) (Also need a way to fix the animation glitch that this introduce)
if current menu is on MaxItemsOnScreen number (like 8), if you go to a new menu and back out , item selection will disappear
add missing BigFeedHandler as in C# library
fix statistics panel not updating values
when cursor is active OnItemSelect is fired for items the cursor is not over the item a8fee81
Let me know if i missed anything
When creating a UIMenuStatsItem, it functions correctly, but the background looks off when the item is selected.
After updating to the latest version, I have encountered an issue with the menu banner not moving to the right as it used to. The banner remains in its initial left position at all times. Additionally, I suspect this menu is conflicting with other menus in my server. The title of this menu library overlaps with the title of another menu, causing visibility issues with the options. The options are not displayed properly, and it becomes challenging to navigate through them.
Furthermore, when I use the arrow keys on the keyboard to navigate within the menu, the navigation appears to be inverted. For example, when I press the up arrow key, the selection moves downward, and vice versa.
In version 3.0.0, I have a video demonstrating how it was before. However, I encountered issues with one menu (character customization) where the options were getting duplicated, and some texts were appearing from other menus.
What's the proper way to handle menus? Recreating them every time they are used? Or toggling menu:Visible(not menu:Visible())?
Hello, as seen in this video : https://streamable.com/dk62t2
The menu stops drawing after I open the esc menu. This happens since I updated to the latest version.
the UIMenu:BuildUpMenuAsync() is called and ends well, except nothing is showing (breadcrumbs count is increased)
See https://i.imgur.com/Y7wQ2Jf.mp4 as an example. Using latest release.
Possibly related to #131, unsure.
whenever the menu is executed, if it has instructional buttons, after closing, some thread, probably the instructional buttons handle, in memory, keep running, increasing the script tick time.
I believe it has a direct relationship with the buttons, because when I remove all references and create a menu without them, after closing it, the ms returns to the previous idle value.
How to reproduce:
run resmon before opening a menu, it could be example menu, pay attention to the ms time, open and close the menu a few times and compare with previous resmon value
Using the current example.lua when using the example menu F5, I noticed that I have to click an item twice for OnItemSelect to trigger, is this the intended method for mouse controls? as I would expect it to select on click like it does with some of the other menu items e.g. UIMenuCheckboxItem
Context for video; the highlight turns red when the mouse is clicked.
https://youtu.be/x_95PG63xiA
Currently, this functionality is only available for regular "items," but not for submenus. In the example below, I would like to add badge icons and align the values to the right for improved visual appeal and easier navigation.
Current:
Im having issues to create a simple warning, any idea if im doing something wrong?
RegisterCommand('warning', function()
ScaleformUI.Scaleforms.Warning:ShowWarning("This is the title", "This is the subtitle", "This is the prompt.. you have 6 seconds left", "This is the error message, ScaleformUI Ver. 3.0")
end)
Result:
Example of the issue
Going through the items in a UIMenuListItem causes the text position to slowly increase in height.
Notifications:ShowFloatingHelpNotification(
"My test floating notification :3",
GetEntityCoords(GetPlayerPed(-1)),
3000
)Coords is correct, I don't know why it rising an error.
For my leaderboard menu add many SettingsItem test 5+ row, game will freezes for a time.
If call 10+ row game will not responding and shutdown.
https://github.com/manups4e/ScaleformUI/blob/master/ScaleformUI_Lua/src/PauseMenu/TabView.lua#L206
This add many tab game will freezes for a time too.
https://github.com/manups4e/ScaleformUI/blob/master/ScaleformUI_Lua/src/PauseMenu/TabView.lua#L183
For now i just allow maximum row to 5
This from example.lua
Was building an admin menu using this when I occured an issue that you cant add same menu as many submenus for example an online players options which shows all the onlineplayers as submenus which gets directed to a single menu on click which has the options
When I use the following code snippet to prompt the user for an email and then set the RightLabel to the entered email, it doesn't display the expected email string. Instead, it shows some random symbols.
emailItem.OnActivate += async (item) =>
{
email = await Utils.Input.Keyboard("Email:", email, true, 20, null, pauseMenu);
emailItem.RightLabel = email;
};There's another intermittent issue concerning the text color and background color of the menu items. Occasionally, when hovering over a menu item, both the text color and background color turn white, making it impossible to read.
Expose an option to change the font type
Using UIMenu:MouseControlsEnabled to disable the mouse input for a UIMenu instance doesn't stop mouse clicks from activating the currently highlighted item.
local menu = UIMenu.New('Menu', 'Subtitle')
local testButton = UIMenuItem.New('Test', 'Description')
testButton.Activated = function(menu, item)
print('boom!')
end
menu:AddItem(testButton)
menu:MouseControlsEnabled(false)
menu:Visible(true)boom! being printed in the F8 console.UIMenu:MouseControlsEnabled should prevent mouse buttons from interacting with the menu.
With mouse controls enabled, clicking menu items with the mouse might occasionally crash the game. This is best reproduced with at least 3 menu items to click between.
The CounterPretext variable is present in the UIMenu script for both CSharp and Lua, but is unusable as of now.
It might be useful to add support for it to allow updating the color of the counter.
/// <summary>
/// String to pre-attach to the counter string. Useful for color codes.
/// </summary>
public string CounterPretext { get; set; }Examples;
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.