Iris - Immediate Mode UI library, based on Dear ImGui

Resources Community Resources
, , ,
#259

Will there ever be docking support for Window widgets?

I know this will probably be a complicated feature to add but it would be amazing to dock a settings panel to the right while messing with settings. I know this is already possible by well moving the window and resizing it but still I think it could be a great addition.

#260

You are able to just pass through the same state object to multiple widgets:

local state = Iris.State(true)

Iris.Window({ "Window A" })
    Iris.Checkbox({ "Checkbox A" }, { isChecked = state })
Iris.End()

Iris.Window({ "Window B" })
    Iris.Checkbox({ "Checkbox B" }, { isChecked = state })
Iris.End()
#261

Not in the near future. Iā€™ve had less time recently to devote to it, but as we get most of the widgets out and finished, Iā€™m interested in pursuing this line.

#262

Apologies for the late reply, for some reason I didnā€™t get a notificationā€¦ Again.

Anyway, I know, but both Checkbox Widgetsā€™ States are bound to their own separate State. I tried adding a new line under sort of like this:

local state = Iris.State(true)
local state2 = Iris.State(true)

Iris.Window({ "Window A" })
    local foo = Iris.Checkbox({ "Checkbox A" }, { isChecked = state })
    foo.state.isChecked:set(state2:get())
Iris.End()

Iris.Window({ "Window B" }) -- Settings Window
    local foo = Iris.Checkbox({ "Checkbox B" }, { isChecked = state2 })
    foo.state.isChecked:set(state:get())
Iris.End()

But obviously, like I mentioned before, Iris just broke.

#263

change state:get() to state.value, worked for me. not in your case, but i mean, getting stateā€™s value in general

1 Like
#264

Thank you, Iā€™m a bit busy at the moment, but Iā€™ll try this when I get around to it and get back to you, cheers mate! :slight_smile:

#265

Absolutely revolutionary plugin, testing out systems with weird edge cases has never been easier!

1 Like
#266

I donā€™t quite understand your use case here. If you want two checkboxes to have the same state, then you can just use one. If they are going to be linked, then why do they each need their own state?

1 Like
#267

Itā€™s hard to explain, Iā€™ll try and see if I can use one state linked to both, thank you.

#268

i cannot seem to wrap my head around in what order widgets are added.
What iā€™m trying to do is have as many text widgets in each tree as there are trees.

for example when i press the button once there will be 1 tree with 1 text widget inside.
if i press it a second time there should be 2 trees with each tree having 2 text widgets inside and so on. However when i press it a third time the order seems to mess up and it gets worse the more i press it.

Code 
local ReplicatedStorage = game:GetService("ReplicatedStorage")
local Iris = require(ReplicatedStorage.Iris).Init()

local trees = 0

Iris:Connect(function()
	
	Iris.Window({"Window"}, { size = Vector2.new(250, 300) })
	do
		if Iris.Button("Add tree").clicked() then
			trees += 1
		end

		for i = 1, trees do
			Iris.Tree("Tree_" .. i)
			do
				for i2 = 1, trees do
					Iris.Indent()
					do
						Iris.Text("Text_" .. i2)
					end
					Iris.End()
				end
			end
			Iris.End()
		end
	end
	Iris.End()
end)

expected behaviour when pressing the button twice:
image

however when i press it a third time it results in this
image

it should be
image

If anyone could tell me what iā€™m doing wrong i would really appreciate it.

#269

this looks like a cool module
i havenā€™t tried it yet, but iā€™ll prob try it out

#270

I wonder how heā€™d think if he looks back at this two years later. :thinking:

Outputting is quite inconvenientā€¦ and a rookie thing. I was a rookie that did not discover that Watch panels exists just to watch the variables real-time and see where things get messed up.

This could just make it easier to watch variables in-game on the Roblox client outside of Studio.

2 Likes
#271

turns out i use Iris quite often, so this time iā€™ve decided to get into themes. i donā€™t really like the separation of colors to options, but i had to deal with it ig.

RobloxStudioBeta_8KNYJbX4Md

iā€™ve simplified the work anyway to generate the theme from 2 simple colors: background and accent. the colors i used are myā€¦ iā€™d say brand ones.

feel free to use the generator function, just credit me!

3 Likes
Color Theme "sha" for Iris GUI Library
#272

iris is generating an id depending on stack of the lines from traceback whereā€™s action is made.
iā€™ve just found it easier to override it with the one i find more unique depending on a context.