Plugins + Scripts DockedUI

I've always wanted a plugin that allows for a clean UI like this and makes management easy.
This became the motivation for me to even create pixel icons using AI.
The default built-in button triggers required a lot of manual work.
Sure, creators have made custom button triggers before, but I've never seen a detailed plugin like this that supports image insertion and click activation effects. As long as it doesn't cause any errors, I'm planning to use it in the next scene right away.

bqbq said:

View attachment 486529
I've always wanted a plugin that allows for a clean UI like this and makes management easy.
This became the motivation for me to even create pixel icons using AI.
The default built-in button triggers required a lot of manual work.
Sure, creators have made custom button triggers before, but I've never seen a detailed plugin like this that supports image insertion and click activation effects. As long as it doesn't cause any errors, I'm planning to use it in the next scene right away.

Click to expand...

Yes I agree and if you think of some ways that would make it more awesome for your use case please let me know.

I would say wait for this next update that will be coming out very soon (should be on the hub by tomorrow) where I add the ability to add Label buttons that do not have On Hover and do not effect OnClick and they also support image backgrounds if you prefer. That lets you do things like add title buttons or title images above sections if you want and if someone clicks the title button it won't unhighlight what they are on, because it does not effect OnClick. I already have it updated and working. I think on this next version it is then good for major use as I also fix another issue with it as well. I will be updating some of my scenes with this next version soon so you can get some confirmation based on how those scenes UI look and do, as well.

VamEssentials said:

Yes I agree and if you think of some ways that would make it more awesome for your use case please let me know.

I would say wait for this next update that will be coming out very soon (should be on the hub by tomorrow) where I add the ability to add Label buttons that do not have On Hover and do not effect OnClick and they also support image backgrounds if you prefer. That lets you do things like add title buttons or title images above sections if you want and if someone clicks the title button it won't unhighlight what they are on, because it does not effect OnClick. I already have it updated and working. I think on this next version it is then good for major use as I also fix another issue with it as well. I will be updating some of my scenes with this next version soon so you can get some confirmation based on how those scenes UI look and do, as well.

Click to expand...

Actually, I did notice one issue.
It happens when image triggers are arranged horizontally.
If the image display mode is set to 'centered' and the spacing value is reduced, the clickable area of the image triggers doesn't align properly.

VamEssentials said:

Yes I agree and if you think of some ways that would make it more awesome for your use case please let me know.

I would say wait for this next update that will be coming out very soon (should be on the hub by tomorrow) where I add the ability to add Label buttons that do not have On Hover and do not effect OnClick and they also support image backgrounds if you prefer. That lets you do things like add title buttons or title images above sections if you want and if someone clicks the title button it won't unhighlight what they are on, because it does not effect OnClick. I already have it updated and working. I think on this next version it is then good for major use as I also fix another issue with it as well. I will be updating some of my scenes with this next version soon so you can get some confirmation based on how those scenes UI look and do, as well.

Click to expand...

And this is just a personal wish…
When using triggers in VR mode, the system UI can't be clicked like it can in desktop mode.
The trigger buttons always take priority.
It's not a major problem when creating scenes, but depending on the situation, it might be more convenient if trigger buttons could be hidden behind assets.
I’m not sure if that’s even technically possible—I don’t have any knowledge of coding.
Honestly, feel free to think of this as just the rambling of someone who doesn’t know what they’re talking about.
Still, considering this plugin is designed to stay true to HUD functionality, it’s already amazing that a feature like this even exists.

And thank you for letting us know there’s an upcoming update. I’m really looking forward to using the new version!

bqbq said:

Actually, I did notice one issue.
It happens when image triggers are arranged horizontally.
If the image display mode is set to 'centered' and the spacing value is reduced, the clickable area of the image triggers doesn't align properly.

Click to expand...

I just tested it to see, if on centered what if you lower spacing from 25 in increments to around 15. Does that resolve it?

bqbq said:

And this is just a personal wish…
When using triggers in VR mode, the system UI can't be clicked like it can in desktop mode.
The trigger buttons always take priority.
It's not a major problem when creating scenes, but depending on the situation, it might be more convenient if trigger buttons could be hidden behind assets.
I’m not sure if that’s even technically possible—I don’t have any knowledge of coding.
Honestly, feel free to think of this as just the rambling of someone who doesn’t know what they’re talking about.
Still, considering this plugin is designed to stay true to HUD functionality, it’s already amazing that a feature like this even exists.

And thank you for letting us know there’s an upcoming update. I’m really looking forward to using the new version!

Click to expand...

I think I see what you mean, if the DockedUI buttons overlap with VAM UI in position it can interfere when opening the VAM UI and trying to click. I will look into that to see if that can be resolved, I know that is a similar issue with CanvasButton so not sure if it can be resolved, but will check.

VamEssentials said:

I just tested it to see, if on centered what if you lower spacing from 25 in increments to around 15. Does that resolve it?

Click to expand...

spacing 25


spacing 15

The setting value shown in the video was 25.
When it's lowered to 15, the images start to overlap.

And I discovered another issue. In the plugin's General Settings, I checked the VR mode box for the trigger and saved the scene.
But when I load the scene again, it doesn't work properly.

(I had set a timeline trigger and used MacGruber’s LogicBricks to activate the "show" function.
The "show" is supposed to trigger when a specific animation plays, but it doesn’t.)

However, if I uncheck and then recheck the VR mode box, it starts working correctly again.

bqbq said:

spacing 25
spacing 15

The setting value shown in the video was 25.
When it's lowered to 15, the images start to overlap.

And I discovered another issue. In the plugin's General Settings, I checked the VR mode box for the trigger and saved the scene.
But when I load the scene again, it doesn't work properly.

(I had set a timeline trigger and used MacGruber’s LogicBricks to activate the "show" function.
The "show" is supposed to trigger when a specific animation plays, but it doesn’t.)

However, if I uncheck and then recheck the VR mode box, it starts working correctly again.

Click to expand...

As you move from 25 down to 15 though, it should auto update and show you spacing if you do it slowly. Try increments down like 20, 19, 18, etc. It defaults to stretched but will then auto update to your centered mode.

Is it possible to trigger it via timeline directly to see if that resolves it to verify if it's possibly an issue with LogicBricks or something double triggering it somewhere on and then back off? If you can send the json I can look at the scene to see what might be going on.

VamEssentials said:

As you move from 25 down to 15 though, it should auto update and show you spacing if you do it slowly. Try increments down like 20, 19, 18, etc. It defaults to stretched but will then auto update to your centered mode.

Is it possible to trigger it via timeline directly to see if that resolves it to verify if it's possibly an issue with LogicBricks or something double triggering it somewhere on and then back off? If you can send the json I can look at the scene to see what might be going on.

Click to expand...

Lowering the spacing value doesn’t significantly change the trigger detection range, but it probably doesn’t matter much anyway.
Setting the width value to 1 solves the issue.

And about the issue I mentioned with the scene not working properly after saving and loading — it seems that was specific to my scene.
In a new scene, everything worked fine.
The problematic scene is quite complex, with a large number of assets and a lot of plugins being used. There's PostMagic, spawn points...
honestly, it's hard to even remember everything.

VamEssentials updated DockedUI with a new update entry:

Version 5 Update

🛠 DockedUI v5 Update​

Added: Label (Button/Widget)​

• Added a new Label button to the Action tab, allowing you to use labels as category or section titles in your UI for better organization.
• Unlike regular buttons, Label buttons do not respond to On Hover, do not trigger actions, and do not affect the OnActive state when clicked. This makes them ideal for creating section headers without interfering...

Click to expand...

Read the rest of this update entry...

For the Individual Button Show/Hide Trigger Option, I added this note to the update if you test it and have any issues...

Important Note: If using this new feature, it may require you to save and reload your scene to properly refresh/update VAM cache for these new individual button show hide triggers to properly connect and work. I recommend setting them up and mapping them and testing first. Then save and reload your scene. If you rename your buttons, VAM cache may still show old names in cache until you save/reload or restart VAM. Be sure to select your renamed version. If you test it and all your buttons toggle on and off except for a few, those buttons may have refreshed VAM trigger serialization after you mapped it or you may have renamed it and selected the old cached name version. So you want to go to that trigger mapping and set it to none and just re-select it and try it again. Even though it's in there and you're changing it back to exactly what it is, it seems to refresh VAM to connect properly. This seems to be an issue with VAM with caching and setting up triggers like this. From then on it should connect to toggle them on and off without any issue. I will work on improving it so it does a better auto refresh in a future update.