it's been 5 years so i hope you see this.. i don't know what is going on but it's not working and i get a ton of errors: Blueprint Runtime Error: "Accessed None trying to read property HeaderTextWidget". Blueprint: ResizableWindow Function: Reset Variables to Default Graph: ResetVariablesToDefault Node: Set Font Blueprint Runtime Error: "Accessed None trying to read property ResizeArea". Blueprint: ResizableWindow Function: Reset Variables to Default Graph: ResetVariablesToDefault Node: Set Brush Color Blueprint Runtime Error: "Accessed None trying to read property HeaderArea". Blueprint: ResizableWindow Function: Reset Variables to Default Graph: ResetVariablesToDefault Node: Set Brush Color Blueprint Runtime Error: "Accessed None trying to read property HeaderTextWidget". Blueprint: ResizableWindow Function: Reset Variables to Default Graph: ResetVariablesToDefault Node: Set Color and Opacity Blueprint Runtime Error: "Accessed None trying to read property ResizeAreaBox". Blueprint: ResizableWindow Function: Reset Variables to Default Graph: ResetVariablesToDefault Node: Set Width Override Blueprint Runtime Error: "Accessed None trying to read property ResizeAreaBox". Blueprint: ResizableWindow Function: Reset Variables to Default Graph: ResetVariablesToDefault Node: Set Height Override Blueprint Runtime Error: "Accessed None trying to read property ResizeArea". Blueprint: ResizableWindow Function: Reset Variables to Default Graph: ResetVariablesToDefault Node: Set Brush and so on and so on. i added both widgets you mentioned to my project and they are both in the same folder. (i unzipped only these two files directly into my game folder, was i not supposed to do it this way?) can you help?
Finally found how to do this There's some tweaks to do on code involving Alignment 1 on X and 0 on Y (at Mouse Move) {Make sure that our ResizableWindow on our Canvas Widget have 1X/0Y Alignment}, substracting Original X/Y with Delta X/Y on Clamp (at Determine New Size), discarting SetPosition and SetAligment (at Mouse Button Up Event) and setting the PreResizeOffset to 0/0 (at On Resize Area Mouse Button Down) Keep in mind, creating an Instance Editable Boolean that we can use on those places along some Branches to leave the original code intact will help to make this even better Hope this helps somebody, comment for details if not
I know this is an older asset, but is there a way to make the normal background 100% transparent? It is mostly transparent but there is still a tint that I would like to have completed gone
Thanks, and i need help! i put an image into border as a child, when i drag this border to resize or move it work fine but this image turn blank/white. why this happened?
I grabbed the source from the Github Repo, opened it in the latest stable version (4.15.1), and ran the default example map and I had no problems here. What did not work properly for you?
Thank you so much for this! It’s been so useful. I’ve been trying to modify the blueprint to add a close window button but I’m struggling with it. Any thoughts on how we could add it?
I think you're looking for the blueprint node called 'Remove From Parent'. You'd basically want to use it on the parent widget to remove the parent widget (and it's children) from the viewport when the button is clicked. Hope that helps point you in the right direction!
+Derek Prinzi The way this is set up the content slot will take anything you want to put in it, another control or even another widget you have created. For something like a responsive UI you can look into the Wrap Box control and make something based on that. It is designed to automatically wrap controls vertically as the horizontal size changes. I was able to put a wrap box as the content for the window and then add in some buttons and such and it wrapped them as I re-sized. This might not work 100% out of the box doing that but making a custom "window" that does what you want in the re-sizable container may work. Alternately most other controls work together to re-size by adjusting the alignment settings and using things such as spacers and the grid panels to try and get it done automatically. As this is being done in code for the re-size itself as a last method one could create the UI element in code and then after the re-size then redo the element based on the new size itself as well.
Question: I have a widget created when an actor is clicked and removed when clicked elsewhere. After you drag the widget and remove it, can you set whether it will be back at his original place or the place you dragged it ?
You would have to add some more code but I don't see why this would not be possible. If you intend to save the position of widgets after you destroy them you can just have an overall Blueprint like a Window Manager that stores the info for the windows.
Mathew Wadstein I followed Rama's tutorial for scrollable list of button and the position is not saved. However on another widget it is saved... I try to figure out why !
hello, thank you for this works, it's very helpfull ! So i set up a level with a character moving to my cursor : a mouse click button and a simple move to target, but when i create one sizeable widget, (which works fine), i can't move my character anymore (i've test to print something, it's appear that mouseclick doesn't works) How can i solve this ?
Thanks for sharing this gem. Can I kindly ask for some ways to limit the drag only on Y axis?
How did you make this though!? Can you do a tutorial on that?
it's been 5 years so i hope you see this..
i don't know what is going on but it's not working and i get a ton of errors:
Blueprint Runtime Error: "Accessed None trying to read property HeaderTextWidget". Blueprint: ResizableWindow Function: Reset Variables to Default Graph: ResetVariablesToDefault Node: Set Font
Blueprint Runtime Error: "Accessed None trying to read property ResizeArea". Blueprint: ResizableWindow Function: Reset Variables to Default Graph: ResetVariablesToDefault Node: Set Brush Color
Blueprint Runtime Error: "Accessed None trying to read property HeaderArea". Blueprint: ResizableWindow Function: Reset Variables to Default Graph: ResetVariablesToDefault Node: Set Brush Color
Blueprint Runtime Error: "Accessed None trying to read property HeaderTextWidget". Blueprint: ResizableWindow Function: Reset Variables to Default Graph: ResetVariablesToDefault Node: Set Color and Opacity
Blueprint Runtime Error: "Accessed None trying to read property ResizeAreaBox". Blueprint: ResizableWindow Function: Reset Variables to Default Graph: ResetVariablesToDefault Node: Set Width Override
Blueprint Runtime Error: "Accessed None trying to read property ResizeAreaBox". Blueprint: ResizableWindow Function: Reset Variables to Default Graph: ResetVariablesToDefault Node: Set Height Override
Blueprint Runtime Error: "Accessed None trying to read property ResizeArea". Blueprint: ResizableWindow Function: Reset Variables to Default Graph: ResetVariablesToDefault Node: Set Brush
and so on and so on.
i added both widgets you mentioned to my project and they are both in the same folder.
(i unzipped only these two files directly into my game folder, was i not supposed to do it this way?)
can you help?
I have the same issue. On 4.27 these variables don't seem to be set up. Also had a look on 4.21 and it seems to work okay there.
Me too, brudas
good job; How can I make the button not deformed? that is to say so that it maintains its square shape?
How do you constrain the mouse position during dragging a window?
Thanks a lot for This and your Time :)
What if we wanted to drag from the left side?
Finally found how to do this
There's some tweaks to do on code involving Alignment 1 on X and 0 on Y (at Mouse Move) {Make sure that our ResizableWindow on our Canvas Widget have 1X/0Y Alignment}, substracting Original X/Y with Delta X/Y on Clamp (at Determine New Size), discarting SetPosition and SetAligment (at Mouse Button Up Event) and setting the PreResizeOffset to 0/0 (at On Resize Area Mouse Button Down)
Keep in mind, creating an Instance Editable Boolean that we can use on those places along some Branches to leave the original code intact will help to make this even better
Hope this helps somebody, comment for details if not
how reset drag default position?
I know this is an older asset, but is there a way to make the normal background 100% transparent? It is mostly transparent but there is still a tint that I would like to have completed gone
Thanks, and i need help!
i put an image into border as a child, when i drag this border to resize or move it work fine but this image turn blank/white. why this happened?
Thats awesome. Thank you very much, lets see much much can i lwarn from it :)
Doesnt work for latest version -.-
I grabbed the source from the Github Repo, opened it in the latest stable version (4.15.1), and ran the default example map and I had no problems here. What did not work properly for you?
When in opening the Blueprint. I got alrdy an error. I could showing it up to you (later).
Thx for answer at all :) Give me 30-60min....
I gonna try it again and show u my "fault" or "error".
Watching your livestream now, i try it later, maybe i learn something from you.
ok well setting the drag appears to alpha=0 worked, but then when dragging I would like some visualization.
Thank you so much for this! It’s been so useful. I’ve been trying to modify the blueprint to add a close window button but I’m struggling with it. Any thoughts on how we could add it?
I think you're looking for the blueprint node called 'Remove From Parent'. You'd basically want to use it on the parent widget to remove the parent widget (and it's children) from the viewport when the button is clicked. Hope that helps point you in the right direction!
@@bullpuppy7455 Forgot to thank you for your helpful tip! That worked :)
@@CaseyChevalier Anytime friend!:)
Thanks man, would have never found out how to size Widget components in Bp if not this example :)
good job 👍
Is there a way to make this a responsive UI. That being, it reorganizes the buttons based on the window size?
+Derek Prinzi The way this is set up the content slot will take anything you want to put in it, another control or even another widget you have created. For something like a responsive UI you can look into the Wrap Box control and make something based on that. It is designed to automatically wrap controls vertically as the horizontal size changes. I was able to put a wrap box as the content for the window and then add in some buttons and such and it wrapped them as I re-sized. This might not work 100% out of the box doing that but making a custom "window" that does what you want in the re-sizable container may work.
Alternately most other controls work together to re-size by adjusting the alignment settings and using things such as spacers and the grid panels to try and get it done automatically.
As this is being done in code for the re-size itself as a last method one could create the UI element in code and then after the re-size then redo the element based on the new size itself as well.
Sorry to bother: when dragging or resizing if I move the mouse too fast the widget won't follow... know issue ? Thank you !
Not that I know of, atleast not that I can reproduce here.
Indeed when I try in your exampleUI I don't have this problem...
upload tutorial for A Reusable Resizable Movable Widget for UMG
When I tried to use this, the window instantly inverted when I clicked resize.
Great work ! Thank you !
Question: I have a widget created when an actor is clicked and removed when clicked elsewhere. After you drag the widget and remove it, can you set whether it will be back at his original place or the place you dragged it ?
You would have to add some more code but I don't see why this would not be possible. If you intend to save the position of widgets after you destroy them you can just have an overall Blueprint like a Window Manager that stores the info for the windows.
Mathew Wadstein I followed Rama's tutorial for scrollable list of button and the position is not saved. However on another widget it is saved... I try to figure out why !
hello, thank you for this works, it's very helpfull !
So i set up a level with a character moving to my cursor : a mouse click button and a simple move to target,
but when i create one sizeable widget, (which works fine), i can't move my character anymore (i've test to print something, it's appear that mouseclick doesn't works) How can i solve this ?
ok i'm answering myself : juste remove "Set Input Mode UIOnly" :)