Log in
Register
  • Hi Guest!

    We have posted a new VaM2 dev log on Patreon, starting a monthly cadence of written progress updates between Beta releases. Highlights include the new Gizmos System, Selection Carousel, and Modes System with Context-Specific Editing. Beta1.2 is 15 of 21 items complete.

    Read the full post on Patreon, or follow progress on the public Trello roadmap.
CustomTabUI

Plugins + Scripts CustomTabUI

Download [<1 MB]
Overview Updates (10) Reviews (6) History Discussion Dependency Usage (1)
RunRudolf said:
Man thats genious! I did not realise how this works. Am I stupid or does your plugin lack some instructions on how to use? :rolleyes:
Click to expand...
There's a good chance the introduction page for my resource is pretty unfriendly. I'm generally not the most welcoming type, lol. :p

Additionally, You can save code by using it as follows.
1.
Text txt = ui01.uid.transform.Find("Label").GetComponent<Text>();
txt.alignment = TextAnchor.MiddleLeft;
to
ui01.setTextAlign(TextAnchor.MiddleLeft);
2. Not all CustomUI.addSpacer calls are necessary.
have a nice day !!!
 
Last edited:
Errors:
!> [CS103]: The name `UIUtil' does not exist in the current context in CustomLayoutUI.cs
So where can I find this : UIUtil?
 
VL_13 said:
Errors:
!> [CS103]: The name `UIUtil' does not exist in the current context in CustomLayoutUI.cs
So where can I find this : UIUtil?
Click to expand...
You’ll find UIUtil class defined within CustomUI.cs.
What task were you performing when the error occurred?
 
14mhz said:
What task were you performing when the error occurred?
Click to expand...
Nothing special – I just wanted to use CustomTabUI and CustomLayoutUI for my plugin.
I fed these two files into the neural network – but two problems cropped up straight away:
1 – I can’t integrate your code directly into my script; I have to duplicate the files and place them alongside my script to use them as external libraries (or is there a way to reference libraries packaged in var files?)
2 – I couldn’t find the library (UIUtil) mentioned above
 
VL_13 said:
Nothing special – I just wanted to use CustomTabUI and CustomLayoutUI for my plugin.
I fed these two files into the neural network – but two problems cropped up straight away:
1 – I can’t integrate your code directly into my script; I have to duplicate the files and place them alongside my script to use them as external libraries (or is there a way to reference libraries packaged in var files?)
2 – I couldn’t find the library (UIUtil) mentioned above
Click to expand...
1. In a .cslist file, you can define and use external .cs files like this:
14mhz.CustomUI.10:/Custom/Scripts/14mhz/CustomUI/CustomUI.cs
2. Around line 4,111 in CustomUI.cs you can find the declaration of [public class UIUtil]
C#: 
public class UIUtil
{
    public static String PATH
.
.
.
}
 
Last edited:
14mhz said:
14mhz.CustomUI.10:/Custom/Scripts/14mhz/CustomUI/CustomUI.cs
Click to expand...
Yes! Thanks! It worked.
Sorry for asking a question that's not exactly related to your plugin—but I just can't seem to figure out how to fix the dropdown menu issue:

2026-05-02_220031.jpg

Is there any way to fix the rendering of this menu?
 
14mhz said:
If the slider name is too long,
undefined
Click to expand...
> Compile of Custom/Scripts/VL_13/MorphTagTemplates/MorphTagTemplates.cslist failed. Errors:
!> [CS1061]: Type `CustomUI14mhz.BaseSliderSimpleUI' does not contain a definition for `setLabelText' and no extension method `setLabelText' of type `CustomUI14mhz.BaseSliderSimpleUI' could be found. Are you missing an assembly reference? in <Unknown> at [309, 21]
--
Quote from Gemini:
"This code snippet was written by the author 14mhz—from one of his internal or updated builds. In the version of the plugin that you have (and that most VaM users have), these handy commands (setLabelText, setLabelTextWeight) simply don’t exist. That’s why the compiler is throwing an error." 😅
my version plugin = CustomUI.8, CustomTabUI.9, CustomLayoutUI.5
 
VL_13 said:
Yes! Thanks! It worked.
Sorry for asking a question that's not exactly related to your plugin—but I just can't seem to figure out how to fix the dropdown menu issue:

View attachment 588038
Is there any way to fix the rendering of this menu?
Click to expand...
That issue has already been resolved in CustomUI v0.8. Please download the latest version from the link below:
hub.virtamate.com

CustomUI - Plugins + Scripts -

※ Reporting bugs or issues will help me improve the plugin and help others. CustomUI ● This .cs for plugin UI component library for developer. ● This is licensed under CC-BY, so you are free to incorporate it into your own code and use it as you...
hub.virtamate.com hub.virtamate.com
 
VL_13 said:
> Compile of Custom/Scripts/VL_13/MorphTagTemplates/MorphTagTemplates.cslist failed. Errors:
!> [CS1061]: Type `CustomUI14mhz.BaseSliderSimpleUI' does not contain a definition for `setLabelText' and no extension method `setLabelText' of type `CustomUI14mhz.BaseSliderSimpleUI' could be found. Are you missing an assembly reference? in <Unknown> at [309, 21]
--
Quote from Gemini:
"This code snippet was written by the author 14mhz—from one of his internal or updated builds. In the version of the plugin that you have (and that most VaM users have), these handy commands (setLabelText, setLabelTextWeight) simply don’t exist. That’s why the compiler is throwing an error." 😅
my version plugin = CustomUI.8, CustomTabUI.9, CustomLayoutUI.5
Click to expand...
BaseSliderSimpleUI.setLabelText() does not exist in CustomUI.cs.
To change the text of a Label, you should use BaseSliderSimpleUI.setLabel("text"); instead.
 
Last edited:
14mhz said:
1. In a .cslist file, you can define and use external .cs files like this:
14mhz.CustomUI.10:/Custom/Scripts/14mhz/CustomUI/CustomUI.cs
Click to expand...
OK, I figured that out and it works, but - what if you update your var...
I mean, right now I have the following saved in MuscleManager.cslist: 14mhz.Plugin-CustomTabUI.9. *So, after update your package to version 10, my plugins will stop working, and I’ll have to update them. I tried replacing the "9" with “latest” - but that didn’t work...
What should I do?
 
VL_13 said:
OK, I figured that out and it works, but - what if you update your var...
I mean, right now I have the following saved in MuscleManager.cslist: 14mhz.Plugin-CustomTabUI.9. *So, after update your package to version 10, my plugins will stop working, and I’ll have to update them. I tried replacing the "9" with “latest” - but that didn’t work...
What should I do?
Click to expand...
CustomUI, TabUI, and LayoutUI are licensed under CC-BY, so you can freely include them inside your .var. Honestly,
I haven’t tried external references myself, so I’m not sure what issues might occur.
Just put them inside your .var, haha. :D
 
Hey man! For the record if you missed it, there's a slight visual glitch on the Demo 7, there are some semi transparent corners showing up on the UI ( not important, just wanted you to know ^^ )
 
hazmhox said:
Hey man! For the record if you missed it, there's a slight visual glitch on the Demo 7, there are some semi transparent corners showing up on the UI ( not important, just wanted you to know ^^ )
Click to expand...
Oh --- This is the editing screen of the LayoutUI. By dragging the semi‑transparent area, the UI size and position can be dynamically adjusted.
After finishing the editing and settling on the desired position, press the Alt key in the Layout window to output the result in the log.
Then paste that output into your code, and disable it with LayoutUI.enableLayoutMode(false). semi‑transparent rectangle will disappear. :p
 
Last edited:
Ho nice! Thanks for the info :3

One feedback on the sub tabs, don't take this the wrong way, but I find it a bit convoluted (if not overconvoluted).

If you prefer, for instance this is an excerpt of a basic tab setup I'm working on :

C#: 
// ******* CREATING MAIN UI *********************************
String[] tabsNames = {"Info / Help", "Speech Bubble"};
int[] tabsWidth = {180, 220};

for (int i = 0; i < tabsWidth.Length; i++)
{
    Tab tab = tabui.newTab(this, tabsNames[i], tabsWidth[i]);

    if (i == 0)
    {
        // ******* CHARACTER TAB *********************************

        // **** LEFT *****
        tab.add(CustomUI.addLabel(this, true, "My tab label",50f));
        // ... etc etc
    }
}

When you look at the code of your demo, there's a whole logic with the layouts and callback which makes the implementation of sub tabs quite intensive.
Even tho I think it can be nice for very custom situations, I think it would be quite nice to have a "shortcut" to sub tabs without doing all these things manually.

For instance :

C#: 
// ******* CREATING MAIN UI *********************************
tabui = CustomTabUI.create(this, CreateUIElement, "TabTextUI").newFullLineUI();

String[] tabsNames = {"Info / Help", "Speech Bubble"};
int[] tabsWidth = {180, 220};

for (int i = 0; i < tabsWidth.Length; i++)
{
    Tab tab = tabui.newTab(this, tabsNames[i], tabsWidth[i]);

    if (i == 0)
    {
        // ******* CHARACTER TAB *********************************

        // **** LEFT *****
        tab.add(CustomUI.addLabel(this, true, "My tab label",50f));
        // ... etc etc
       
        subTabui = CustomTabUI.create(this, CreateUIElement, "TabTextUI").newFullLineUI();
        Tab subTab = subTabui.newTab(this, "Sub tab name", 120);
        subTab.add(CustomUI.addLabel(this, true, "My Subtab label",50f));
        tab.add( subTab );
    }
}

If you prefer, when I started to learn the lib, the tab system I did the first iteration in less than 15mins.
For the sub tabs, I was two hours in and still had error messages. On top of that, when I finished it, I realized that sub tab lines are super small and all components are quite compressed, I don't really know why.

Sub tabs could benefit from a fast way of implementing them as pretty much everything else does. Just the basic complexity of handling them is somewhat pushing me to think the design otherwise just to avoid using them :p

What do you think about that?
 
task is finished.
I’ve removed all the complicated code, and this is all that remains. No other code is needed.
Thanks to you, it has become so simple. (y)
C#: 
var main = CustomTabUI.create(this, CreateUIElement, "MainTabUI").newFullLineUI().setColorSkin(CustomTabUI.UI_SKIN__BLUE).setTabSelectedCallback(selctedTab);
for (int i = 0; i < 2; i++)
{
    var m_tab = main.newTab(this, $"Tab{i}", 140); // main tab
    var sui_L = CustomTabUI.create(this, CreateUIElement, $"Tab {i}L").newHalfLineUI(true).setTabSelectedCallback(selctedTab);  // sub tabui L
    var sui_R = CustomTabUI.create(this, CreateUIElement, $"Tab {i}R").newHalfLineUI(false).setTabSelectedCallback(selctedTab); // sub tabui R
    m_tab.add(sui_L); // to implement a sub tab, do not use getUIDynamic().
    m_tab.add(sui_R); // to implement a sub tab, do not use getUIDynamic().

    for (int j = 0; j < 2; j++)
    {// left sub-tab
        var s_tab = sui_L.newTab(this, $"Tab{i}L{j}", 140);
        s_tab.add(CustomUI.addSliderToggle(this, true,  $"UI T{i}L{j}", true));
        s_tab.add(CustomUI.addButtonToggle(this, true,  $"UI T{i}L{j}", true));
        s_tab.add(CustomUI.addChooser(this, true,  $"UI T{i}L{j}"));
    }

    for (int j = 0; j < 2; j++)
    {// right sub-tab
        var s_tab = sui_R.newTab(this, $"Tab{i}R{j}", 140);
        s_tab.add(CustomUI.addSliderToggle(this, false,  $"UI T{i}R{j}", true));
        s_tab.add(CustomUI.addButtonToggle(this, false,  $"UI T{i}R{j}", true));
        s_tab.add(CustomUI.addChooser(this, false,  $"UI T{i}R{j}"));
    }
}
 
Last edited:
14mhz said:
Okei~ Please wait for just one hour.
Click to expand...

Haha man! Don't overdo it, when I'm suggesting/discussing something, this is not something that needs to be done right now... we can exchange and improve/brainstorm around it ^^

You beast. thank you very much <3
 
You must log in or register to reply here.
Back
Top Bottom