#JSON-UI General

1 messages ยท Page 15 of 1

rancid pollen
#

Custom mob

true elm
#

can someone tell me if its doable to make form size dynamic based on text prefix like 25% 50% 75% 100%

vestal arrow
#

Anyone know, how the button text like this?

chilly yacht
#

well actually

#

pretty sure its just minecraft ten font then whenever u do \n it goes to regular font for some reason

vestal arrow
vestal arrow
#

How i can fix

chilly yacht
#

what is the issue

#

ohh

#

hmm

#

im not even sure you'd probably have to do some weird % stuff

gaunt apex
#

how to make animation for ui?, i want to make this ui have animation

cyan venture
#

Remove the /n and what after it

#

And the text after the /n just make a label for them

#

@vestal arrow

cyan venture
charred lark
#

How do you send data to a paper doll in the ui
Like if i have a toggle, how can i have the paper doll do something depending on whether the toggle is on/off

hexed briar
vernal imp
#

This is a timer binding that is in mob_effect_screen, but if the binding is entered into source_property/target_property the text becomes an error. can this be fixed?

  "effect_timer_new": {
    "type": "label",
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "size": [ "default", 10 ],
    "offset": [ 0, 0 ],
    "text": "#text",
    "bindings": [
      {
        "binding_type": "collection",
        "binding_name": "#mob_effect_timer",
        "binding_collection_name": "mob_effects_collection"
      },
      {
        "binding_type": "view",
        "source_property_name": "#mob_effect_timer",
        "target_porperty_name": "#text"
      }
    ]
  }```
wraith bluff
#

cause you spelt property wrong ๐Ÿคฆโ€โ™‚๏ธ

#

porperty

charred lark
#

How do multiple paper dolls in the ui differentiate between each other?

Like they all share the same player client json, how would i have multiple paper dolls with different render controllers each

keen mantle
#

Can someone help me?

#

So I tried copying the stonecutter ui into my block but it doesnt show up, I tried renaming the namespace to my own and I also have it inside the ui_defs.json

static wigeon
#

Does anyone know if it's possible to have a custom ui give access to an entity's armor slots?

hexed briar
#

This is more like minecraft limitation than json-ui.

#

there's no custom blocks support for something like that yet

keen mantle
#

Yeah but I found an addon that have their custom ui in their custom block and I tried replicating it and it doesn't work

keen mantle
limpid quarry
#

Anyone have a good idea on how I could make a look alike boss bar custom, that's separate from title and actionbar?

#

Linked to scoreboards and comes ans goes just like actionbar?

#

I might slide a tip for helping me

snow acorn
#

Question: Can I turn off the XP hud without editing the json ui or is that the only option?

charred lark
snow acorn
#

even the xp text?

charred lark
#

Well the text is controlled by the xp level

#

So you can change the number by changing levels

snow acorn
#

I need the xp level, I'm doing the numbers in 3d in the game

#

so I don't want it in the hud

charred lark
#

Well to remove the text you'll definitely need a tiny bit json ui

#

I recommend looking into "modifications" for json ui, so that instead of copying the entire hud_screen file just to set a visible: false, you can instead use the modifications syntax and have a small file that basically tells the ui "modify this exact element and leave everything else unchanged"

snow acorn
#

ok. Thats a great idea. My biggest issue with changing the ui is maintance and updates down the road. I have too much to deal with everything else, taking on ui too just adds another layer I'd like to avoid.

charred lark
#

Yeah i get that. Honestly if i were you i'd repurpose the level text for something like just displaying the level at all times, or maybe another number relevant to the player

snow acorn
#

I have a full 3d hud and this is only ship 1 of 3 the next 2 have full bridges like star trek.

#

so one big number in the middle is a pain. Hunger is an issue too. There are not queries for it. So still workign on that

charred lark
#

Oh i see

#

Looks sick btw!

snow acorn
#

thanks. The queries to numbers is a massive break through

charred lark
#

Then use json ui, if you're looking to hide the hunger as well

#

Queries to numbers? what's that

snow acorn
#

All these huds are live

#

no json ui. This is all in 3d space

#

on the entity

charred lark
#

Ohh, yeah right

snow acorn
#

Everyone else trying to add with json ui, I''m trying to remove it

#

lol

charred lark
snow acorn
#

oh I'm good on it

#

I was just hoping the text was something I could easier bypass

#

I can do the json ui editing.

charred lark
#

Oh i assumed you were reluctant to use jsonui because you hadn't used it much before ๐Ÿ˜…

#

Well then, you know what to do

#

By any chance you haven't worked with paper dolls in the ui have you?

snow acorn
#

No I'm reluctant because things are in flux and changing alot with it going forward and I'm making games that need to be stable for the next for years, so I treat json ui as a toxic part of my addon at this point. I've gotten this far on ui changes

hexed briar
snow acorn
#

Thats good feedback thank you

#

Any advice to detecting hunger level?

hexed briar
#

Here, paste this on somewhere in hud_screen.json

"full_progress_bar": {
    "ignored": true
  },
  "empty_progress_bar": {
    "ignored": true
  },
  "progress_bar_nub": {
    "ignored": true
  },
  "progress_text_label": {
    "ignored": true
  },```
#

it should remove the experience bar including xp number.

snow acorn
#

I think I want to do the xp by textures. but I'll use the progress_text one

#

dang that means I have to include hud in my pack though

#

I don't want that

hexed briar
#

you don't have to include the whole vanilla stuff

#

just

{
"full_progress_bar": {
    "ignored": true
  },
  "empty_progress_bar": {
    "ignored": true
  },
  "progress_bar_nub": {
    "ignored": true
  },
  "progress_text_label": {
    "ignored": true
  }
}```
save it as `hud_screen.json` and it should work.
snow acorn
#

what is exp bar png name?

hexed briar
#

since after all, json-ui is about overriding. not modifying.

hexed briar
#

you should able to find it.

snow acorn
#

I fail really well though. I've changed so many and still have it. lol

#

is it pulling from here in my gui folder?

#

maybe

hexed briar
#

that one was legacy.

snow acorn
#

I need stable but thats a great idea. How far out is it?

#

mabye I wai

chilly yacht
#

but its useful

chilly yacht
#

its in stable minecraft

snow acorn
#

which is it

chilly yacht
snow acorn
chilly yacht
#

upcoming creator features

snow acorn
#

trolling me

chilly yacht
#

nu uh

snow acorn
#

lol

#

any idea on eta

#

to stable

chilly yacht
snow acorn
#

I think I might wait then

last pollen
#

how do i add a image to my actionform?

vernal imp
oblique gust
hexed briar
#

They're basically just offset differently and that's it.

#

you'll need to adjust the heart and stuff by manually

#

Also removing the whole children elements can break the hotbar so yeah nope.

oblique gust
#

Ahhh ye i forgot,except the heart one when it has health boost

#

Nvm i remember i just put ignore true on heart image not panel

#

Thats why it still has padding

#

Lmao

hexed briar
#

hotbar probably needs some rewrite stuff

#

it's like more than 5 years old at this point

#

the code isn't quite optimized and everytime you delete something the whole thing collapses.

oblique gust
#

Yeah,it has a lot of roots and stuff

hexed briar
#

pretty sure I did get rid of experience bar actual elements instead of the referenced ones and sure did, the hotbar aren't showing up

cyan venture
#

Guys how to make the UI appear the same for every GUI and device?

hexed briar
#

so yeah not worth it, you can only get rid of referenced elements

hexed briar
oblique gust
cyan venture
hexed briar
#

fixed size are basically just numbers.

#

[ 200, 200 ] something like that

oblique gust
#

Default size

#

Without responding based on screen

cyan venture
#

OK If I set the main panel to 100%c , 100%c would it affect all the children?

hexed briar
oblique gust
#

Wtf

hexed briar
#

or atleast "was" to.

oblique gust
#

Really?

hexed briar
#

yeah, you can't edit it at all.

oblique gust
#

fair enough,its editable in settings

hexed briar
#

though with the new touch control there, it's now more of intergated features

#

It's no longer json-ui and it feels more like html somehow

oblique gust
hexed briar
hexed briar
#

you can add 100%c + 4px to add abit size padding

oblique gust
#

ye like the actionbar text,where the background image width is extended based on the length of text

hexed briar
#

100% is basically, cover your whole screen.

#

you can decrease it to 80% or something just to have abit ingame background

#

but feels free to tweak around with it

cyan venture
#

Ok

oblique gust
#

I still dont know how you use the variable from other element to another element,like the javascript,but json uses "$"

#

All i do is to make a child to use it but it will manipulate sometimes

hexed briar
#
"element_here": {
  "$variables|default": <strings> ( the |default are meant for fallsafe and it won't override the existing same variables )
},
"elements_with_variables@element_here": {
  "$variables": <strings> ( variable without |default is basically a overrider. )
}```
#

also variable works on controls and stuff

#

but I'd go for referencing elements since it's better for storaging variables.

oblique gust
#

Isn't that changing the value of the variable,because i was referring to $actionbar_text

#

where i use its value

hexed briar
#

Oh that sometimes works differently.

#

Since hud is old, mojang kinda use hardcode strings as variables

#

e.g actionbar and title.

cyan venture
#

-1 makes it small 0 makes it mid 1 makes it very big

oblique gust
hexed briar
#

pretty good for automatically scaling elements for every devices

cyan venture
hexed briar
oblique gust
hexed briar
#

If you gonna do that then you'll better off doing fixed sizes

hexed briar
#
"element_again": {
  "$hello|default": "test",
  "text": "$hello"
}```
oblique gust
#

i cant use it outside the element?

hexed briar
#

optionally if you wanna use actionbar/title

"element": {
  "$actionbar_string|default": "$actionbar",
  "$custom_actionbar": "($actionbar_string + 'hello world')",
  "text": "$custom_actionbar"
}```
hexed briar
#

Hud uses actionbar/title as factory elements so yeah

#

outside of that, you can use variables on different elements by referencing them or using your parent element as the main variable storage

oblique gust
#

I want to learn to use that,some uses bindings for #

hexed briar
#

reference is basically, a "@<namespace>.<element>" next to the existing element name.

#

It kinda like preset some sort of things since you can set some variables/properties there and reference them to some of elements you want to

oblique gust
#

yes,what about to code it in the "factory":{},wiki doesn't show much codes about it

hexed briar
#

so other elements can have the exact same thing as referenced element

#

Factory are not commonly used since, well. It has nothing pretty much just only meant for hardcoded things.

hexed briar
#

you can search it on hud

#

there's one

oblique gust
#

Thanks

slender carbon
#

Does anyone know how to use the "dialogue change" command? I heard you need a .json file for it

oblique gust
#

Omg finally got it working lmao,however there is bug because its not that responsive method i use

#

how do i add custom color on it tho,if possible

hexed briar
#

you use actionbar to detect health?

oblique gust
#

Yes,to make an hp rate

#

i still cant center the buttons even with anchored head panel

#

But it looks beautiful to me

restive crag
hexed briar
vital edge
oblique gust
#

That's actually a beautiful way to say its ugly

vital edge
#

well i cant really just say "its ugly", as a good user of the internet, im going to give some useful digestable feedback:

  • the header texts are a bit inconsistent, only the "warning" header seems to be in different font
  • menu buttons could have some tooltips when hovered instead of describing each of them all in one paragraph beneath the header
  • buttons should also be re-textured if you're going to go in a windowless design -- just like the OreUI
  • buttons should also be centered
oblique gust
#

Are u writing an essay

oblique gust
#

i just dont know how to display the label on hover

#

Like the chest ui

#

And im finding the code to change the default bg image of buttons and use the new one

oblique gust
vital edge
oblique gust
#

I found "hover_control": rooting to the panel that have "renderer": "hover_text_renderer",

vernal imp
vernal imp
# vernal imp how to fix this

hud_screen.json:

"[email protected]_screen": {
        "is_showing_menu": false,
        "always_accepts_input": true,
        "should_steal_mouse": true,
        "low_frequency_rendering": true,
        "absorbs_input": false
    }

mob_effect_screen.json:

 "[email protected]_screen": {
        "close_on_player_hurt": false,
        "should_steal_mouse": true,
        "is_modal": false,
        "always_accepts_input": false,
        "absorbs_input": false,
        "is_showing_menu": false,
        "low_frequency_rendering": true,
        "render_only_when_topmost": false,
        "render_game_behind": true,
        "force_render_below": true,
        "$screen_content": "mob_effect.main_panel"
    }```
hexed briar
#

bros playing game at portrait mode

whole jasper
oblique gust
#

Yes,but you need actionbar to make it show

#

so that instead of spamming screen with health boost,its sums up on bar instead

whole jasper
vernal imp
hexed briar
#

my phone never have such issues.

#

same brand

vernal imp
#

when i experiment the ui in mc, i must have 5 apps open at the same time, and i don't want one of them to force close due to screen orientation rotation
(acode, es file Explorer, discord, chrome, tiktok for entertainment waiting for loading)

vernal imp
oblique gust
#

This method is not recommend tho

#

There is clip ratio for making progress bar

restive crag
vernal imp
restive crag
restive crag
restive crag
vernal imp
restive crag
#

Oh damn

hexed briar
#

you're using older android aswell pretty low-end spec.

whole jasper
#

vertical boost FPS๐Ÿ’€

minor basalt
#

Can someone make me a gta json ui

#

orrr

#

iโ€™d prefer someone to help me learn json ui

vernal imp
restive crag
#

How do you even play Minecraft on portrait

vital edge
#

lol

chilly yacht
oblique gust
#

I found the hover thing,it was just boolean type

oblique gust
#

Does filtering the visible based on text is only detecting the prefix or detecting the specific word inside the string

#

Like if i want to detect "hello world"
Does it only detects the:
hello worldhsvisbsj
Or does it also:
ndkdhdhello worldbdkdns

oblique gust
restive crag
oblique gust
#

In the wrapping panel

restive crag
oblique gust
#

At the Long form scrolling content

#

The long form panel's size indeed is 100%/100% tho

oblique gust
#

Guys,how do i rotate the paper doll renderer

hexed briar
#

you can't.

#

json-ui does not have a rotate property.

oblique gust
#

dang

#

Like the npc dialogue one? Where it faces a little to the right side

cyan venture
#

Hey guys is it possible to make a customizer screen
Where you simply customize the size of the server form and place it

minor basalt
#

@chilly yacht no money thats why i said i prefer help

vital edge
hexed briar
#

Json-UI indeed does not have rotate property but

#

custom element type with renderer has ability to rotate.

hexed briar
#

although, only works for pre-game paperdoll.

oblique gust
#

Understandable thanks,i also seen that molang somewhere

#

How would you rate it?

#

my body text shouldn't be like that,it was just an example

charred lark
#

Can i get the aux id of an inventory item and have the value in the HUD?

cyan venture
#

Hey guys is it possible to make a customizer screen
Where you simply customize the size of the server form and place it

minor basalt
#

does anyone have any tips for learning this?

cobalt narwhal
frosty hollow
#

any know how can I edit a form made in a server? like cubecraft? I tried to use this code but doesn't change anythingvb { "namespace": "server_form", "long_form": { "type": "grid", "grid_dimensions": [ 10, 10 ], "grid_position": [ 1, 2 ], "controls": [ { "long_form@common_dialogs.main_panel_no_buttons": { "$title_panel": "common_dialogs.standard_title_label", "$title_size": [ "150% - 30px", -15 ], "size": [ 400, 300 ], "$title_text_binding_type": "none", "$child_control": "server_form.long_form_panel", "layer": 2, "bindings": [ { "binding_name": "#title_text" }, { "binding_type": "view", "source_property_name": "(#title_text = 'Custom Form')", "target_property_name": "#visible" } ] } } ] } }

minor basalt
#

how do i set the max buttons on a stack_panel form type

cobalt narwhal
cobalt narwhal
minor basalt
#

@pine matrix is it ok if i use your chest ui for learning?

minor basalt
#

nvm i looked in ur bar post

gloomy sluice
#

how can I remove vanilla bossbar using "modifications" only for one bossbar

oblique gust
#

What do you think guys,the body text is scrolling except the buttons btw,and i intentionally didn't add the exit button back

#

i just learned the grid panel and hover from herobrine's chest ui

restive crag
#

Damn you're improving alot, I'm impressed

oblique gust
#

Thankss,i need to learn more tho

whole jasper
oblique gust
#

i dont seem to understand what you mean,but the buttons is automatically set in that position when you set the grid_dimension [row,column],all you have to do is adjust the anchor and size of the buttons panel that would perfectly fit the buttons

cobalt narwhal
oblique gust
#
"[email protected]_panel": {
          "anchor_to": "center",
          "anchor_from": "center",
          "$show_background": false,
          "size": [ "100%", "100%" ],
          "$scrolling_content": "server_form.YOURELEMENT",
          "$scroll_size": [ 100, "100%" ],
          "$scrolling_pane_size": [ "100% - 4px", "100% - 2px" ],
          "$scrolling_pane_offset": [ 2, 0 ],
          "$scroll_bar_right_padding_size": [ 0, 0 ]
        }
primal aspen
#

I wrote textraw json-ui, how can we make the text a separate action bar?

cobalt narwhal
#

@oblique gust

cobalt narwhal
#

@snow acorn do you know how use the scrolling content with json ui ?

snow acorn
#

I don't. I'm a white belt in json ui. you need a black belt. Only like 6 of them

cobalt narwhal
#

oh ok ty

cobalt narwhal
snow acorn
#

Nope. You need to self learn and fail until you get it. Or be patient and hope someone helps you here. Or give up and do something non -json ui.. I picked 3 personally.

cobalt narwhal
#

ok ty

snow acorn
teal fjord
hexed briar
#

my brother and christ this is #1067869374410657962

#

not #1067535382285135923

teal fjord
#

I know this pack is a Jason UI

#

It has a custom UI

hexed briar
#

then what's up with .js format

minor basalt
#

@snow acornโ€™s internet usage is going crazy

wraith bluff
#

streamin 24/7 lmao

past stirrup
minor basalt
#

hey can someone let me know why the form isnt showing up?

#
{
    "namespace": "server_form",
    "$schema": "https://kalmemarq.github.io/Bugrock-JSON-UI-Schemas/ui.schema.json",
    "long_form": {
        "$custom_background": "server_form.custom_background",
        "$title_offset": [60, -40],
        "$title_text": "#title_text",
        "$title_color": [0,0,0], 
        "type": "panel",
        "anchor_from": "top_left",
        "anchor_to": "top_left",
        "offset": [-20, -200],
        "factory": {
            "name": "buttons",
            "control_name": "server_form.dynamic_button"
        }
    },
    "custom_background": {
        "type": "image",
        "texture": "textures/ui/server_form_background",
        "size": [ "25%", "25%" ] //you can modify this to any valid values
    },
    "long_form_dynamic_buttons_panel": {
        "type": "stack_panel"
    },
    "dynamic_button": {
        "type": "stack_panel",
        "size": [
            "25%",
            5
        ],
        "orientation": "horizontal"
    }
}
#

offset isnt too much

#

i donโ€™t think

hexed briar
#

the offset is 200px above.

#

that gonna be issue for small screens or regular devices

minor basalt
#

it was displaying bottom right

hexed briar
#

No.

minor basalt
#

instead of top left

hexed briar
#

the parent element (long_form) is on top-left, therefore it is top-left. but since I sense no size property, the default element size are [ 100%, 100% ] ( full screen ). anchor doesn't work.

#

perhaps you should make sure that there's no offset and make everything center first just to check that yours element are working correctly.

minor basalt
#

i did no offset

#

still nothing

#

just blank

hexed briar
#

No image?

minor basalt
#

nothing

#

basically an f1

hexed briar
#

I think I could see why.

minor basalt
#

i started doing this yesterday so idk much

hexed briar
#
  • $custom_background are invalid because there's no any element (nor reference) uses it.
  • dynamic_button is a empty stack panel
  • long_form_dymanic_buttons_panel is a empty stack panel
#

I'll need to recheck server forms rq

minor basalt
#

how is custom background not used

hexed briar
#

don't exactly know what are you overriding.

#

But reading the vanilla codes, that variable should work, if it didn't then the text should remain the same.

minor basalt
#

i got it

hexed briar
#

if you see absolutely nothing then the problem is the element itself

minor basalt
#

i just made the factory and dynamic button a comment

#

can i make a post and you help me?

hexed briar
#

eh, I don't know.

#

still being busy and nearly ended myself for some reason

#

but feels free to, someone or maybe I probably go help out in this short period of time

minor basalt
#

whereโ€™s the docs

hexed briar
#

what docs?

minor basalt
#

for json ui

hexed briar
#

official or wiki ones

teal fjord
#

Other people keep telling me it's Json ui

minor basalt
#

official

hexed briar
#

official doesn't exist because it never supported in the first place

#

you should find it on wiki

teal fjord
#

People keep saying they can't help me because it's out of their league because it's Json ui

past stirrup
minor basalt
#

ok ik that 1 ight

teal fjord
#

Then what is it

#

What's the problem

past stirrup
#

I havenโ€™t checked your code so I cannot say

#

Also move to #1067535382285135923, create a post and re-send that file there.

hexed briar
oblique gust
#

Darwin

uneven epoch
#

is there are way to add stuff to a text

#

"text": "Concat #text",

#

doesnt work ^

#
    "list_objective_label": {
        "type": "label",
        "text": "#player_list_title",
        "size": [
            "100%",
            10
        ],
        "color": "$main_header_text_color",
        "layer": 1,
        "bindings": [
            {
                "binding_name": "#player_list_title"
            }
        ]
    }
restive crag
#

@hexed briar hey man, sorry to interrupt but I'm curious when you did the flying lown mowers in your start screen, is it custom factory? Or using a vanilla one?

cobalt narwhal
hexed briar
#

another one belongs to my blocked list.

chilly yacht
#

why do so many people @ you?

oblique gust
#

Cool trick,i made the border visible along with the image,so it will look more like a button instead of empty slots

vital edge
#

its getting there now! although its still missing a number of elements, like the close button

oblique gust
#

Oh yeah

chilly yacht
#

close buttons are super simple

#

you can just grab the one from the common screen UI

#

or make a custom one

oblique gust
#

lemme try wait

thorny nymph
#

Does anyone have an "inventory_screen" file that removes the 2x2 from crafting and the other table?

chilly yacht
thorny nymph
#

Other Table:

Where it shows possible crafting items

chilly yacht
#

well theres no point for function because it can be easily bypassed by removing the pack from your cached files

#

to remove each recipe youd have to edit them in the BP

thorny nymph
#

@chilly yacht What I wanted to remove would be this:

chilly yacht
#

you can edit those recipes in BP

thorny nymph
#

So if I do this, nothing will appear?

chilly yacht
#

yes

cobalt narwhal
teal fjord
#

Does anybody know how to fix a UI error

#

It says UI error unknown properties found in def[hud_title_text] from namespace[hud] unknown property[orientation]

oblique gust
#

I just used control for bigger x image

empty viper
#

Is it possible to remove the image background from the form button?

west dawn
#

I asume that you do not wanna edit the original button so i'd just create a justom button

empty viper
#

yes, I have a custom_button here from a tutorial

west dawn
#

I believe it still references the original button for the button mappings, pressed state and well the texture

empty viper
#

well there is a form_button@common_buttons.light_text_button here and when I removed it the texture disappeared but the button also went with it

#

But other than that I'm not seeing anything that seems to reference the button image

west dawn
#

yeh its that

#

find the button in common_buttons coppy the code create a new element modify the texute and reference the new button instead

empty viper
#

okay

#

copy dynamic_button or form_button@common_buttons.light_text_button

#

wait its the same thing

#

Can you give an example?

west dawn
#

you have to find the file where the namespace is common_buttons

empty viper
#

oh okay, thx

empty viper
teal fjord
#

Does anybody here know how to fix your Jason you are not working I asked my coder what it means and he says he doesn't know how to fix it

This is what he said
You need edit you texture pack, found ui/hud_screen.json

#

Whatever that means I don't know how to fix it

hexed briar
#

whot

minor basalt
#

@oblique gust i really like that ui form could you possibly let me use that or give me a price of how much it is

oblique gust
#

interesting,however i dont have any transaction method i could use except gcash

restive crag
vital edge
restive crag
oblique gust
#

Lmao yes I am

#

Just because i said gcash

restive crag
oblique gust
#

True true

restive crag
oblique gust
#

That needs job id i think

#

Some license

#

But i am only a student

restive crag
#

You just need to connect it to your gcash acc

oblique gust
#

Oh really

#

Lemme try that

#

Just kidding i know its not possible

swift lake
#
"anim_test": {
    "anim_type": "alpha",
    "easing": "in_expo",
    "destroy_at_end": "$destroy_id",
    "duration": 2,
    "from": 1.0,
    "to": 0
  },

What is written in $destroy_id?

#

I have a newly created element displayed by the text of the title, and when the title disappears, I want that to disappear as well.

#

I don't want to use hud_title_text because if I put it in, all elements will disappear

uneven epoch
#

is doing something like this possible?

#
"text": "Hello #text world!",
cyan sparrow
uneven epoch
#

if i could get this working youd be a life saver yessir

#
    "player_name": {
        "type": "label",
        "$display": "#player_name",
        "text": "('Hello ' + $display + ' world!')",
        "size": [
            "100%",
            10
        ],
        "offset": [
            0,
            1
        ],
        "shadow": true,
        "layer": 2,
        "color": "$player_name_color",
        "bindings": [
            {
                "binding_name": "#player_name",
                "binding_type": "collection",
                "binding_collection_name": "$sb_collection_name"
            }
        ]
    }
cyan sparrow
uneven epoch
whole jasper
whole jasper
#

"text": "#text"

cyan sparrow
#

๐Ÿซ  ๐Ÿ˜…

uneven epoch
#

thank you two for helping

chilly yacht
#

u donโ€™t really need a binding i donโ€™t think

whole jasper
chilly yacht
# whole jasper then?
{
    "namespace": "hud_screen",
    "root_panel": {
        "modifications": [
            {
                "array_name": "controls",
                "operation": "insert_front",
                "value": [
                    {
                        "[email protected]_G07HN_factory": {}
                    }
                ]
            }
        ]
    },
    "hud_title_text": {
        "visible": false
    },
    "hud_actionbar_text": {
        "visible": false
    },
    "madeby_G07HN": {
        "type": "panel",
        "anchor_from": "top_right",
        "anchor_to": "top_right",
        "size": [
            "100%c + 7px",
            32
        ],
        "controls": [
            {
                "promo_text": {
                    "type": "label",
                    "visible": "(not($atext = ''))",
                    "$atext": "$actionbar_text",
                    "text": "('Hello' + $atext + 'world!')",
                    "anchor_from": "right_middle",
                    "anchor_to": "right_middle",
                    "shadow": true,
                    "offset": [
                        -3.5,
                        0
                    ]
                }
            }
        ]
    },
    "madeby_G07HN_factory": {
        "type": "panel",
        "factory": {
            "name": "hud_actionbar_text_factory",
            "control_ids": {
                "hud_actionbar_text": "[email protected]_G07HN"
            }
        }
    }
}```
chilly yacht
whole jasper
chilly yacht
whole jasper
# chilly yacht

try to create a player who joins the world,
"Hello 'playerName', Welcome to my World"

#

You need bindings if you process them in a resourcepack, unless you process them all in a ScriptAPI and put them in an actionbar

uneven epoch
#

thanks for the help

chilly yacht
oblique gust
#

Can yall suggest a designs for custom/modal form

restive crag
oblique gust
#

Aaahhh

#

Get it

cobalt narwhal
#

With long form button or custom button ?

oblique gust
#

That's player list on pause menu screen

cobalt narwhal
cobalt narwhal
oblique gust
#

What is it

cobalt narwhal
#

I really want help because I donโ€™t know how do that

cyan sparrow
cyan sparrow
#

mdr

cobalt narwhal
#

Avec mon code, oรน dois-je le rajouter

cyan sparrow
#

viens dm

cobalt narwhal
#

Ok

oblique gust
#

Its faster than just learning a specific thing

cobalt narwhal
oblique gust
# cobalt narwhal Which videos do you recommend to me the most?

Today, I introduce you to the wild world of Minecraft: Bedrock Edition's JSON UI. Enjoy!

Timestamps:
0:00 - Intro
1:10 - UI Files
1:32 - Namespace
1:52 - Elements
2:32 - The Element Hierarchy
3:36 - Phrases
4:25 - "Controls" Property
5:12 - @ Copying
5:54 - Example File
7:24 - "Type" Property
9:08 - Outro

Playlist: https://www.youtube.com/play...

โ–ถ Play video
cobalt narwhal
#

ok i understand the video but now i want to create my own menu, like that

#

Ok but how do this ? @true elm

#

it's with a custom_form or a long_form ? @oblique gust

true elm
#

long form

#

long form = action form

#

@cobalt narwhal

jovial hemlock
#

Is there a way to make textfields to support more characters?

#

is it with "max_length"?

wraith bluff
#

yes

jovial hemlock
#

Thanks

jovial hemlock
wraith bluff
#

idk

#

which text?

jovial hemlock
#

the input

#

for modalforms

limpid quarry
oblique gust
#

An example of making shop menu in my customized ui

#

Probably im gonna make something new for market forms

limpid quarry
#

Cool

oblique gust
#

How do you make the png ninesliced

gaunt scarab
# oblique gust How do you make the png ninesliced

Can either create a json file with the png file with the nineslice property, can use the default ui pngs as reference or in the json ui file you can add the "nineslice_size" property for the image element. Using the nineslice_size property in the json ui is good for adding nineslice to animated images as if you use aseprite animations there will already be a json file with the image.

#

There's also a "base_size" property aswell

oblique gust
#

Aahhh found it thank you

gaunt scarab
oblique gust
#

Thats the easier

#

Thanks

gaunt scarab
#

No problem!

limpid quarry
restive crag
oblique gust
restive crag
#

Did this with npc lol, it really isn't a project so it's horrible

wild mason
oblique gust
#

Sheeesh

#

Both are nice

oblique gust
restive crag
restive crag
oblique gust
#

No copyrights

oblique gust
#

How you got scammed

true steppe
#

what's the last server-ui version for 1.20.62 version

hard patrol
rare moon
true steppe
#

In this series, I demonstrate how to use JSON UI in combination with the scripting api in the Minecraft Bedrock Edition.

๐Ÿ”—Links :
Last Video : https://youtu.be/QhJkCDIZ-NU
Join my Discord! : https://discord.gg/tzrmH56JXC
My Website : http://skyls.de
Music : https://www.youtube.com/watch?v=tEzYsaLm7nw&ab_channel=SimonChylinski-Topic
JSON UI docs...

โ–ถ Play video
#

why i didn't understand nothing

#

he's faster than flash itself

hexed briar
#

why I feel like this video is just kinda more clickbatey

#

no offense but json-ui and script-api don't mix.

true steppe
true steppe
#

but he really did change the ui script using json ui

hexed briar
#

the video is understandable tbh

true steppe
hexed briar
#

also this is like part 2 of that video

true steppe
#

i followed him but he just don't type nothing he copy and past

hexed briar
#

I don't think so

#

they just copy and paste there and modifying them slightly by editing size values and stuff

#

if they're too fast, consider slow down the video via video speed thing in 3 dots (or cog if you're on a phone)

true steppe
#

not like that

#

i meant like for someone who wanna learn like beginner it's so fast and so much informations

#

short moment

hexed briar
#

it is what it is

#

not like there'll gonna be a template somewhere

#

well, maybe there is in #1072983602821861426

#

your choice.

true steppe
#

wdym by that ?

hexed briar
#

template is kinda something you can use or learn it directly if you don't want to watch long videos

true steppe
true steppe
hexed briar
#

there's one you could check it out in #1072983602821861426

#

but yeah, it's kinda your choice. you could watch the video which actually helps you understand json-ui better

#

or look at template and see what it do and tweak around it and learn from it, not really better but may take time to know stuff.

thorny adder
#

Which file does have to do anything with title.png?

lavish portal
#

How to make a score this way?

oblique gust
#

And then remove the orientation

true steppe
#

this one ?

oblique gust
#

That "stack_panel",change it to "panel"

#

Then remove the "orientation:--" if it have one

true steppe
#

ok let me see

#

:D

oblique gust
#

now set the orientation of the the parent(other panel) of the dynamic button panel into "horizontal"

#

The parent panel of dynamic buttons,idk what its called

true steppe
oblique gust
#

Not that

#

I meant the other stack panel

#

Where the dynamic button is a child of it

true steppe
#

i don't know about json ui just new

oblique gust
#

eh

#

Js not bad

#

Watch a vid about understanding the json ui

#

it will help you a lot to code the json ui by yourself

true steppe
true steppe
#

i understand nothing

oblique gust
#

Nah i cant download it for now,i have too much files

oblique gust
#

lol

#

Im not on pc

true steppe
#

ok

oblique gust
true steppe
#

i made it work

#

is there a way i can make the text like under the icons

mortal monolith
#

reduce the icon size

#

and font scale

true steppe
#

is the first one is with or height?

mortal monolith
#

hmm 32x32?

#

first is width

hexed briar
#

you can put layer property on the label element.

mortal monolith
#

yep

true steppe
#

i want to make the white things like taller

hexed briar
#

"layer": 5 or something, the greater value are, well. It'll always render on top. same goes to less

true steppe
#

so the text is inside of the button

mortal monolith
#

use stack panel

#

and content button

hexed briar
#

button size is your main parent element.

#

so, I guess adjust there.

#

be warned though the child elements may be affected aswell if it using anchors.

oak verge
thorny adder
#

Which file does have to do anything with title.png?

#

Does anybody know or no

oblique gust
#

Where to find the textures of new create world screen,the grey button,green,red,grey background

chilly yacht
#

basically youll have to copy the textures

oblique gust
#

Aahhhh

#

Damit

#

Thanks

pure blaze
#

how do i remove the text limitation of npc buttons cause its set to 16 characters only

restive crag
#

hmm adding font type on scoreboard title crashes the game?

oblique gust
#

Thanks to Time and Timothy for template ore ui textures

oblique gust
true elm
#

@oblique gust how does that work?

#

side row

#

is that hard coded o

restive crag
oblique gust
#

Cool trick

true elm
#

no im saying left row

#

its like 2d stacks

#

each left buttns have its own pannel of btns isnt it

still sundial
#
  "long_form_dynamic_buttons_panel": {
    "type": "grid",
    "anchor_from": "top_middle",
    "anchor_to": "top_middle",
    "grid_dimensions": [3, 2],

    "factory": {
      "name": "buttons",
      "control_name": "pursic_menu.dynamic_button"
    },

    "collection_name": "form_buttons",
    "bindings": [
      {
        "binding_name": "#form_button_length",
        "binding_name_override": "#collection_length"
      }
    ]
  },

What's the problem here? The buttons disappeared

still sundial
#

Well fixed it

uneven sedge
#

who has a tuto to start modifying ui plaase

restive crag
#

made this lol

oblique gust
#

basically if i removed the emerald image beside the sword,the border will go invisible too

nimble jungle
#

Could also do a vertical/horizontal stack panel in a vertical one and use collection_index

oblique gust
#

imma try that

nimble jungle
#

One I made a whole back using ^^
#1154950991087685732 message

true elm
#

how do ppl do the thing i said

#

list of buttons in one side which opens stacks of other buttons

restive crag
restive crag
true elm
#

but both stack has diff layout

#

side is vertical and content btns are grid ig

oblique gust
oblique gust
#

And then the side button looks like [โšก Text ]

true elm
#

u see inventory ui we have category btn then it has item btns

#

tabing

whole jasper
oblique gust
#

just the "hover" control of the light text button

true elm
#

which screen is best to test uis

gaunt apex
#

How to make text exceed panel borders from the form, the text will continue below it, I've only been learning JSON UI for 1 week, so please help๐Ÿ™

restive crag
true elm
#

how start screen ?

#

i have to reset pack to see changes

restive crag
#

You don't reset the world, you reset the game

true elm
#

any faster option ?

whole jasper
#

help #1210867910633848842 message

restive crag
true elm
#

im on phone

hexed briar
#

This will reload the whole texture pack including UIs so

#

you don't have to restart the game and it's also fastest method to test UI too.

true elm
#

damn

true steppe
true steppe
gaunt apex
#

fixed

uneven sedge
#

I'd like to make a shop

still sundial
#

it's not bad

#

but idk how you make a server form with it

#

also it adds a bunch of unrequired properties which makes the file larger
And it uses PHP

uneven sedge
uneven sedge
still sundial
#

i tried to make a server form with it

#

but haven't understood it

#

it has no useful documentation

#

ended up with making it by myself

uneven sedge
#

so the best way is to learn from the doc for a form server?

#

because I have no idea how to link the form with my plugin

#

@still sundial (srry for ping)

still sundial
#

like a key

#

Dingsel has a video about it

#

Learned from him

#

and documentation

#

also a good way to learn is to check other json ui packs

#

and try to understand what's happening there

uneven sedge
#

okay thanks u verry much

still sundial
uneven sedge
#

because i'm learning from dingsel but i don't understand because he has a video to create UI but as on the server there are already libraries

#

thx u

still sundial
#

you just set the certain name as a key and then all the work is done by the RP

uneven sedge
still sundial
#

thats a form

uneven sedge
#

yes

#

SimpleFOrm

still sundial
#

you just change the name to a key

#

and make the jsonui detecting that key

uneven sedge
#

okay thx

#

I'll try to learn like crazy during the evening

cyan venture
#

How to make the UI appear the same for every device ๐Ÿฅฒ?

restive crag
#

Guys am I able to set mapping to a toggle which player could turn on by using a specific key bind?

whole jasper
meager cape
#

can we open an order using a button in the inventory?

oblique gust
#

i just know basic plugins

true elm
oblique gust
#

I actually already understand what you mean

restive crag
uneven sedge
restive crag
#

If it was just for basic use

uneven sedge
#

for ease of use

restive crag
true elm
oblique gust
#

Collection index maybe

#

I think of a method where the button 0 to 5 are placed on vertical orientation,while the rest is grid

oblique gust
#

whats the use of %.4s when getting scoreboard sidebar

true elm
#

getting first x chars

oblique gust
#

can u give example

true elm
true elm
oblique gust
#

Aahhh get it

#

Thanks

true elm
#

its cpp thing

#

printf stuff

true elm
#

nah thats diff

#

side buttons act as tabs which change 2nd btn stack which is naturally not possible

oblique gust
#

You sounded like gojo

true elm
#

what is that

oblique gust
true elm
#

gud

#

wonder how it works

oblique gust
#

The method is you open another form for the selected category

#

Like what cubecraft did

true elm
#

but how main panel gonna work then ?

#

at root level only one btn stack is sent through scripts

#

if side panel has the btns sent by server the main panel cant be it

oblique gust
#

Hmm

#

Indeed

true elm
#

no

#

thats not possible

oblique gust
#

i think it does,someone has edited specific buttons size,i meant like button 0 button 1

true elm
#

i think side panel is hardcoded toggles which show x btns at time so

1st side btn shows 0-3 next 4-7 like that ?

#

like pagination

oblique gust
#

Something like this

#

For shortcut

true elm
#

if u make a test code for that share it with me

oblique gust
#

yes sure,but in another weekend,i have school tomorrow till friday

#

Oh look

#

#1067870274894172260 message

#

@true elm

#

If u could test some of it

true elm
#

my game doesnt open up due to low storage

#

but it seems we can have multiple panel with same collection but diff index valuea

uneven sedge
true elm
#

the one in image

oblique gust
#

It actually works

#

i just had to do it manually for the rest of buttons

true elm
#

code

uneven sedge
#

not a tuto etc

true elm
#

nvm

#

btw where does this #preserved_text came from ?

#

in

oblique gust
#

sheeesh

oblique gust
# true elm code

Simply just make a copy of long form dynamic buttons panel,but remove the factory and binding,then inside it put the controls where there is control index,after that put this panel in the long form panel controls,as long as its outside the scrolling content

true elm
#

not editing file, want to just look code and see what it is

oblique gust
#

Aahhh

true elm
#

on mobile its hard

oblique gust
#

Im on mobile

#

Always are

#

I dont really know the use of its bindings so i removed it incase

true elm
oblique gust
#

Ahh yes

#

I use that on hp bar and some things

#

Here is an example from herobrine's chest ui

#

it makes the element visible in a condition

#

If the generated text #title_text is the same as the value of $large_chest_flag,then it will be visible

#

but if you remove it outside the (not(..)) like "source_property_name": "(#text - $var) = #text)",it will only be visible if the condition is false

#

I think you already know this lol

true elm
#

no i am asking about that binding name

#

is that inbuilt or a custom one

oblique gust
#

custom

true elm
#

huh

true steppe
#

i wish i had ur brains guys

cobalt narwhal
#

@oblique gust

#

can you help me ?

true elm
#

just ask

cobalt narwhal
summer river
#

Why does my form appear like this on mobile

#

but then like this on PC

summer river
#

im crying myself to sleep tonight

#

๐Ÿ‘

oblique gust
#

Maybe the size or position is percentage that maybe responsively to the screen size not on button panel

#

Did you put the icon on the controls of the button panel?

wraith bluff
#

anyone know how to stop the top button from being hovered over straight away even when the mouse isn't above it?

#

at the top nav bar thing

#

whenever the form refreshes it automatically selects the top button in the bar instead of the one underneath the mouse

olive ermine
#

is it possible to make live_player_renderer rotatable?

oblique gust
#

Do i can use controls in grid template as its child elements in grid layout?

#

or needs grid item template

restive crag
restive crag
# wraith bluff anyone?

It sounds like a button property that can be changed, I forgot what it was though unfortunately. Try playing around with the variable property of the buttons.

oblique gust
restive crag
oblique gust
#

Aahhh thank you,let me try

restive crag
#

Basically the second number is for the column and the first number is for the row. ("grid_position": [0, 0] = "collection_index": 0)

#

It's quite confusing to work at, but i think you'll know what to do

true elm
#

just imagine x y left to right top to bottom

restive crag
oblique gust
#

Oh i get it

#

its vertical

restive crag
#

and horizontal

true elm
#

if u have the js tag ur not allowed to be confused

wraith bluff
#

is it on the wiki?

restive crag
wraith bluff
#

no focus_override

#

could it be the default_focus_precedence

#

how can I just make it not focus any of the buttons

unique swan
unique swan
restive crag
oblique gust
#

Almost done,just confused about getting the specific button number for the specific position

#

@restive crag

#

My code goes like this

      {
        "8@server_form.box_btn": {
          "collection_index": 12,
          "grid_position": [7,0]
        }
      }
#

Lmao i think im very wrong

#

Oh yes right,the collindex property dont exist

restive crag
restive crag
oblique gust
#

I was planning to only show the 6th to 14th button on the grid,but it shows 1st to 9th instead

oblique gust
true elm
#

just need to look form builder

oblique gust
#

only if i make an example template

#

Lmao

whole jasper
restive crag
# oblique gust

I tried making solutions to this earlier, can not think about any. I tried subtracting collection index visible but it does not seem to work with factories

restive crag
whole jasper
restive crag
oblique gust
#

Maybe ill use the 37th to 41th buttons as navigations instead,while the grid shows the 1st to 36th button but the button without image will become empty just like i did on my other action form ui

#

Small update

oblique gust
#

Yes,im gonna use the last 5 buttons as the sidebar navigations instead

true elm
#

why not try my idea

oblique gust
#

What was it

true elm
#

making custom toggel button in side slot and spliting form buttons into multiple panel that gets toggled by side buttons

restive crag
#

Performance issue

#

Because toggle does not delete the element, it just hide it

true elm
#

yea

#

but we are testing stuff no?

restive crag
#

I think he is going for an easy way

restive crag
true elm
#

opening new form again and again

oblique gust
#

This isn't Commision lmao,its just something i planned to make before i learned json ui

#

Yet i currently fulfilled 60% of it

true elm
#

learning ui on android is insane

#

no motivation for me

oblique gust
#

I never had a deskop lmao

#

But i have wireless keyboard and mouse

oblique gust
true elm
#

i lack that rip xd

oblique gust
#

Lmao

#

I wanted to master all coding things on minecraft

#

Then apply to make a marketplace

restive crag
oblique gust
#

Jk

oblique gust
#

Its been 1 month i haven't used it again

#

but depends on you

restive crag
oblique gust
#

wha

#

but someone did,as long as its high quality

restive crag
oblique gust
#

What if ill just sell my resource packs and scripts

restive crag
oblique gust
#

Where do you sell it,like websites,or platforms

restive crag
oblique gust
#

How much did you earn in average

restive crag
#

lmao

true elm
#

i know ๐Ÿ˜›

#

looking for marketplace team

oblique gust
#

Understandable

restive crag
oblique gust
#

i dont get it lol

oblique gust
#

@restive crag can you teach me about toggle hud

restive crag
ebon trail
#

I'm still learning code so im sorry if this is s stupid question but is JSON UI stable or experimental?

How abt things like this:
https://m.youtube.com/watch?v=CWm-KU5ALOQ

In this series, I demonstrate how to use JSON UI in combination with the scripting api in the Minecraft Bedrock Edition.

๐Ÿ”—Links :
Last Video : https://youtu.be/QhJkCDIZ-NU
Join my Discord! : https://discord.gg/tzrmH56JXC
My Website : http://skyls.de
Music : https://www.youtube.com/watch?v=tEzYsaLm7nw&ab_channel=SimonChylinski-Topic
JSON UI docs...

โ–ถ Play video
oblique gust
#

Stable ofcoarse,its a resource pack so it doesn't have experimental option

ebon trail
#

YEE

chilly yacht
oblique gust
#

Lmao i had that same question before,and i already made it

chilly yacht
#

im able to do it with normal button indexes but idk how to do the other part

oblique gust
oblique gust
chilly yacht
#

in button filter?

oblique gust
#

i dont clearly understand your code structure yet

chilly yacht
#

oh

oblique gust
#

Oh wait

chilly yacht
#

the button wrapper calls the button filter

oblique gust
#

You need to copy the long form dynamic button panel but remove the factory

#

And then add a control

oblique gust
# chilly yacht

Oh that,
Add a control,then in child use the dynamic_button template

#

like

{
  "Btn1@server_form.dynamic_button":{
    "collection_index": 0
  }
}
chilly yacht
#

yes ik but

#

how could i just preserve some buttons?

#

then let the rest be on a stack panel/grid

oblique gust
#

Not possible to put the rest on other panel

#

Or do it manually which is limited

chilly yacht
#

hm

#

manually will take so long tho if i wanna do like 20+ buttons

oblique gust
#

yes,in grid its not possible to get the collection index,so it only shows all the buttons

merry cipher
#

If I wanted to change the color to something specific, how would I do that?

merry cipher
#

@restive crag sorry to bug you, especially if you're asleep

merry cipher
#

NVM, I figured it out

unique swan
oblique gust
#

for examlple
168,192,192

then 168/255,192/255,192/255

is
color: [0.658,0.752,0.753]

#

But you can also do color: white,color: black

summer river
#

is there a method of json array seaching?

#

rather a for each method

restive crag
#

JS array is a collections to JSON UI

summer river
restive crag
#

I don't get what you mean

summer river
#

uh

#

here

#

ill write it in js

oblique gust
#

I get it

#

The preserved title on wiki is an example

restive crag
oblique gust
#

Aaahhh

summer river
#

litty

#

im not seeing a way to track GUI Scale Modifiers

#

each of them fuck up my ui in a seperate way !

#

very cool

restive crag
#

Use percentages

meager cape
#

how can I get an icon of a person's skin? with paper rolls?

last pollen
#

not sure

last pollen
#

yeah

#

not sure

nimble jungle
cyan sparrow
#

How make Fullscreen form ?

lament kraken
#

how can i show specific buttons in collection?(Ex: starts with 'item:')
it still exists so scroller makes empty spaces.

west dawn
lament kraken
west dawn
#

yeh

west dawn
lament kraken
west dawn
#

with source_property_name and target_property_name

#

because else it wouldnt be a valid binding name

lament kraken
#

i should use body to display money, so i use this way

west dawn
#

do it with source_property_name and target_property_name

lament kraken
#

Since the number of 'type button' is limited to 10, I decided to just do it like this

west dawn
#

thats fine

#

i guess