Iris - Immediate Mode UI library, based on Dear ImGui

[Noon231163 (noon)]

Oh I never thought of that, i assumed the creators of Iris would of already thought about that, and you’ve no need to apologise, it’s fine now!

I did the same thing for my UI, and what do you know… Drum roll, please… it fixed it! Woohoo! Finally, after so long! Thank you so, SO MUCH! I can finally continue working on my game like before and get it released ASAP!!

However, I would like to still be updated about the weird situation of the latest release on the GitHub, where the Assets-to-download is actually an older version of Iris (I’m convinced).

Thanks again!

[Noon231163 (noon)]

I was wondering what causes the windows to be scaled like this on Mobile/Tablet. I checked the size of the WindowButton and the X is the same as what I set it as, but for some reason, Iris, seems to ignore the fact that I set the Y also, and sets it to an absurd value.

I had the Y set to 375 to begin with, then as a test, went straight up to 1000, and still Iris, for some reason sets it to 75, regardless? Why?

Don’t mind it being overly bright it’s an issue I have with snipping tool.

[Noon231163 (noon)]

What do these Error mean? I had a look at the Docs and it doesn’t say much about them, or what could cause them to occur.

[ThePyooterMallard (SirMallard)]

Every time you call a widget which has children, you must also call Iris.End(). If you have an error with somewhere in your code, this issue will show up, so make sure you don’t have any errors within the Iris code. If you make an asynchronous call, Iris will be unable to finish at the end of the frame, and this will error. Also, make sure you don’t accidentally return without properly ending any children.

There’s a new errors page coming on the docs which should help with this.

[ThePyooterMallard (SirMallard)]

Release v2.4.0

Package: Release v2.4.0 · SirMallard/Iris · GitHub
Wally: Wally
Roblox: https://create.roblox.com/store/asset/81685655925854/Iris-Debug-UI-Library

Links:
Demo: Iris Demonstration - Roblox
GitHub: GitHub - SirMallard/Iris: Iris is an Immediate-Mode GUI Library for Roblox for creating debug and visualisation UI and tools and based on Dear ImGui.

[LeoBeomkl (Leo)]

is the demo game updated to most current veriosn?

[Noon231163 (noon)]

Sorry for the late reply, for some reason or another, I did not get the notification.

Anyway:

---

@ThePyooterMallard

you must also call Iris.End(). If you have an error with somewhere in your code, this issue will show up,

Well, turns out the issue was actually because I was calling functions (when a button was clicked) outside of the Iris.Connect() function, which I don’t understand. However, these functions are asynchronous, so maybe that’s why. I called them in a pcall this time, and that seems to fix it… ish

Also, I know I have to put Iris.End() at the end of some widgets, I am confident I have put it at the end of the necessary ones, as well as Iris.PopConfig() as well, but i could be wrong, so will double-check. I also don’t think it could be errors in my code either. But I could be wrong on that. So I will also double-check that too.

---

@ThePyooterMallard

If you make an asynchronous call, Iris will be unable to finish at the end of the frame, and this will error.

Well, I assume by “asynchronous call” you are referring to pcalls–I have quite a few pcalls in some buttons, when they are clicked, a function gets called, but within a pcall as it could error, when it does error, I don’t return anything as you can see, as that would break Iris.

---

@ThePyooterMallard

Also, make sure you don’t accidentally return without properly ending any children.

I don’t think I’ve made this mistake, but I’ll check just in case.

---

@ThePyooterMallard

There’s a new errors page coming on the docs which should help with this.

Thank you, please let me know in advance when it’s out!

---

Thank you for the info and support, it means and helps a lot!

[Noon231163 (noon)]

Ohh exciting! I’ll check this out and see if I can give some feedback!

[Noon231163 (noon)]

@Noon231163

Hello! Today I managed to add a new widget to the Library!

Introducing Iris.ToggleSwitch()!

Okay, so it’s not as exciting as it sounds, but the truth is, I just wanted to know what it would be like to add your own custom widgets and let me tell you, it’s quite the faff, but I managed to do it anyway, and you can have it for yourself!

Now I must warn you; it’s not the greatest, I’m not a pro at GUI, and it doesn’t adapt very well to different themes, but the point is it works just fine, if you wish to improve it, by all means, please do so!

Iris with Toggle Switch widget: https://create.roblox.com/store/asset/137001338842582/Iris-Introducing-IrisToggleSwitch

Example:

local Iris = require(game:GetService("ReplicatedStorage").Iris).Init()
local TweenService = game:GetService("TweenService")
local ASSMVS = false


local function Connect()
	local ToggledState = Iris.State(false) -- The Inital/Default Toggle State.
	
	Iris.Window({"Iris.ToggleSwitch() Demo [Experimental]"})
	do
		local ToggleSwitch = Iris.ToggleSwitch({
			"I am a new ediiton to the Iris API! Woohoo! Toggle me and see what happens!",  -- Just like the Iris.Checkbox(), it has a TextLabel beside it.
			[Iris.Args.ToggleSwitch.Text] = "I am a new ediiton to the Iris API! Woohoo! Toggle me and see what happens!", -- Just like the Iris.Checkbox(), it has a TextLabel beside it.
			[Iris.Args.ToggleSwitch.Size] = UDim2.fromOffset(0, 0) -- Also add a custom size if you wish.
			[Iris.Args.ToggleSwitch.NoToggleText] = false -- When set to true it hides the status text that displays inside the toggle. Toggled "I", Untoggled "O".
		},
		{
			isToggled = ToggledState -- The Inital/Default Toggle State.
		})

		-- Events; similar to Irs.Checkbox() really. However, there are also 2 others "righttoggled" and "ctrltoggled", but i couldent figure out how to set them up, maybe you can!
		if ToggleSwitch.toggled() then
			ASSMVS = true
		end
		if ToggleSwitch.untoggled() then
			ASSMVS = false
		end
		if ToggleSwitch.hovered() then
			print("hovered!")
		end
		
		
		local ASpecialSecretMessage = Iris.Text({"BOO!"})
		ASpecialSecretMessage.Instance.TextSize = 100
		ASpecialSecretMessage.Instance.Visible = ASSMVS
	end
	Iris.End()
end

Iris:Connect(Connect)

Heres what it looks like:

Untoggled

Toggled

PS Sorry about the over-brightness of the images, that’s just an issue I have with the Snipping Tool.

Just letting those who were using this know, as Iris has now updated, this is now outdated, and I don’t think I’ll be updating it any time soon.

[ThePyooterMallard (SirMallard)]

The docs page is now out, so you can have a look at it. Using a pcall won’t be the issue. Asynchronous means that the code has to yeild for another event, ie. you’re trying to fetch a web site, which takes time, or you are calling task.wait(), both which will take more than a frame to achieve, and so are asynchronous.

[Noon231163 (noon)]

Thank you, also I know that, most of my functions that get called when a button is clicked, do in fact have some kind of wait, not just task.wait().

Thanks again!

[Noon231163 (noon)]

It seems brilliant so far! However, I have come across a bug. I’m not sure if this is with the latest update or not, but when closing a window, then reopening it, and repeating that same process, the DisplayOrder of the ScreenGui instance increases by 1 when opening. So my Iris UI DisplayOrder is set to 9, so when opening a Window, it goes from 9 to 10, then 11, 12… etc, etc. You get it.

This is really annoying, as I have to have the DisplayOrder set to 9 in the config, so when it goes above 9, it just makes non-Iris UI completely unusable.

[TheichGamer (ImAnoob)]

Noticed that a “print” statment was accidentally left in (at least I assume so since it is the only one in the whole of Iris). I made a Pull Request which removes the print.

Also thank you for such an amazing library!

[ThePyooterMallard (SirMallard)]

Release v2.4.1 · SirMallard/Iris

[Syntaxicle]

Hey, I’m having a small issue with the library. When I use a table, this happens:

I think it might be something with my script, I’m new to this library

Here is my script:

Also, is there any way for the row separator to be moved or the row item scaling to be changed?
I’m having issues with the scaling/position.

Thanks

[ThePyooterMallard (SirMallard)]

We are planning on rewriting tables entirely, to make them better suited for more cases and to give you more flexibility.

I think the issue you are having is that the ContentWidth config option is set by default to 65% of the full width, hence why the input boxes do not fill the entire width. You can use something like this, which ensures they fill the entire width:

Iris.PushConfig({ ContentWidth = Udim.new(1, 0) })
...
Iris.PopConfig()

[Syntaxicle]

Thanks, also how can I fix this?

[jake_4543 (Jakey)]

This is one of the issues with the current table implementations, It’s not really possible to fix this (or in any easy way)