new to Json Ui can someone explain theese errors

[silver scroll]

"hud_actionbar_text": {
    "type": "image",
    "size": [
      "100%c + 12px",
      "100%c + 5px"
    ],
    "offset": [
      0,
      "50%-68px"
    ],
    "texture": "textures/ui/hud_tip_text_background1",
    "alpha": 1,
    "controls": [
      {
        "actionbar_message": {
          "type": "label",
          "anchor_from": "center",
          "anchor_to": "center",
          "color": "$tool_tip_text",
          "layer": 31,
          "text": "$actionbar_text",
          "localize": true,
          "alpha": "@hud.anim_actionbar_text_alpha_out",
          "bindings": [
            {
              "binding_name": "$actionbar_text"
            },
            {
              "binding_type": "view",
              "source_property_name": "($actionbar_text = 'ABF')",
              "target_property_name": "visible"
            }
          ]
        }
      }
    ]
  },

[cinder eagle]

first!

ez

okay

[silver scroll]

so what are bindings?

[potent depot]

if you dunno anything just read this one time: https://wiki.bedrock.dev/json-ui/json-ui-intro.html

[silver scroll]

i think bindings are for ediding hard coded varialbes

[cinder eagle]

||Bindings are used to control properties or variables||

[potent depot]

Bindings are values that are provided by json-ui engine for us to use

bindings don't work with variables, how hard you try

[cinder eagle]

really?

[potent depot]

I mean you can assign its value like : "$text": "#text" but nonthing else

[silver scroll]

ok so.. how bindings would help me

[potent depot]

to get what's title is showing on the screen (/title command) or what message is sent on chat

and much more

[silver scroll]

ok so to get the actionbar_text i have to get a binding?

[cinder eagle]

correct

like use it to get it

[silver scroll]

"bindings": [
{
"binding_name": "$actionbar_text"
}
],

like this?

[potent depot]

actionbar doesnot work with bindings.
instead it has a hardcoded Variable named $actionbar_text

[silver scroll]

oh ok

[cinder eagle]

i give up

everything i learned is being disproved

[silver scroll]

so now how is it supposed to change the texture

i just have to change this?
"texture": "textures/ui/hud_tip_text_background1",

[potent depot]

it is very hard to make someone understand json ui

[silver scroll]

to something like if (condition) texture1 else texture2

[silver scroll]

it is also very hard to understand it

[potent depot]

yeah

[silver scroll]

an how would i do something like this

[potent depot]

I just recommend to read in this stage

[silver scroll]

there is nothing about if else

[potent depot]

theres no if else

[silver scroll]

and then how does it choose the textuer

[potent depot]

theres are these operators u use inside variables array or in bindigns

{
  "element": {
    ...
    "$actionbar_text": "$atext",
    "text": "$text",
    "$text|default": "",
    "variables": {
      "requires": "($atext = 'hello')",
      "$text": "hello"
    }
  }
}

if actionbar is hello then it sets the text to hello

Again, I cannot explain everything. Just read the wiki and vanilla files

[silver scroll]

what about if it HAS hello

string1 - string2 = 'text' ?

[potent depot]

(not (($atext - 'hello') = $atext))

this statement is true if actionbar has hello in it

[potent depot]

...

[silver scroll]

y i understand

game crashes 💀
"$atext": "$actionbar_text",
"variables": {
"$texture|default": "textures/ui/hud_tip_text_background1",
"requires": "(not (($atext - 'hello') = $atext))",
"$texture": "textures/ui/hud_tip_text_background",
"#texture": "$texture"
},

[cinder eagle]

what do you need 2 texture variables for?

[silver scroll]

idk

[cinder eagle]

you will need only #texture and requires

[river mortar]

"#" is only for bindings and property bag

you can't use it in variables or variations

[silver scroll]

im trying to edit the texture

like why is json ui this complicated

it doesnt make sense

[silver scroll]

"texture": "textures/ui/hud_tip_text_background",
"variables": {
"#texture": "textures/ui/hud_tip_text_background1",
"requires": "(not (($atext - 'hello') = $atext))"
},
like this?

[river mortar]

do you need framework that use html instead of Json-UI?

and use compiler to make it work native

[silver scroll]

probably more understandable

its like prefering old events instead of js custom components

[river mortar]

hm

is someone will use such thing?

[silver scroll]

what

[river mortar]

Json-UI in html by framework

[cinder eagle]

isnt that oreui?

or am i trippin

[silver scroll]

oreui does work like this

[river mortar]

no. I mean I can create a compiler to implement Json-UI in html way

[silver scroll]

i dont think so

[cinder eagle]

oh in that way, but do you mean a transpiler or a compiler?

[silver scroll]

"texture": "textures/ui/hud_tip_text_background",
"variables": {
"#texture": "textures/ui/hud_tip_text_background1",
"requires": "(not (($atext - 'hello') = $atext))"
},
is that right?

[river mortar]

To be more precise, yes.

[cinder eagle]

idk anymore. By my theory yes, but someone will 100% say no. I aint sure anymore lol

[cinder eagle]

I asked if you will code a transpiler or a compiler

[river mortar]

transpiler. Just html to Json-UI.

I have already thought about this concept, it should be better than regular Json-UI.

[silver scroll]

i wanted to update my form to be more dynamic but since there are a only few people that knows json ui and its hard its quite impossible for me#1320052540582264912

[cinder eagle]

same, but it needs some advanced JSON UI knowledge

it would be cool to see

if youre up to it sure

[river mortar]

advanced Json-UI knowledge?

[silver scroll]

yeah it is

[cinder eagle]

yup?

[silver scroll]

i wanted also to make that but then i rembembered that neither i do know json ui]

[river mortar]

I know Json-UI really well, as you can see:
https://pipangry.github.io/GrimUI/
https://pipangry.github.io/JsonEncryptor/
https://pipangry.github.io/docs-starlib/

[cinder eagle]

ok?

[silver scroll]

i see

[river mortar]

1. The most powerful (features/optimization) form UI
2. The most powerful and secure obfuscator for Json-UI
3. Well made templates for Forms.

[silver scroll]

why dont you make an html to json ui compliler

[river mortar]

Also I know how to optimize this thing in Json-UI

[cinder eagle]

yeah we get it

[river mortar]

There are a lot of things related to hardcore values here. But I've already thought about this concept. So maybe I will try.

[silver scroll]

im good only in scripts
#1252014916496527380

[silver scroll]

you will have all my support if you make it

[patent topaz]

you want something like this?

[silver scroll]

Yes

[patent topaz]

I ran out of battery lol

[patent topaz]

wait

[silver scroll]

😈

[patent topaz]

😰

[silver scroll]

thanks

[patent topaz]

hope it works

just include §l§i§g§h§t in your text to enable light mode

[silver scroll]

Okk ty

[paper cloak]

why does everyone use the colour symbols in json ui, is it needed?

[cinder eagle]

because you can easily ignore those. When you have something like: "banner#something" you need to delete "banner#". With "§" you can just ignore them and/or place "§r"

[patent topaz]

This is especially useful when you can't directly edit the text with (#text_binding - 'thingy'). It also allows you to write the prefix as part of the text itself.

[patent topaz]

'brown' prefix makes the text brown

brownThe quick brown fox jumps over the lazy dog => The quick fox jumps over the lazy dog
now with §b§r§o§w§n
§b§r§o§w§n§rThe quick brown fox jumps over the lazy dog => The quick brown fox jumps over the lazy dog
(Also, there is no need to remove the prefix from the text, as §b§r§o§w§n is not displayed)

[paper cloak]

ty

[paper cloak]

I have a separate question, im using offsets in a child of a stack pannel, is that possible? heres my code:

the element that the offset its working on is mines_image

[patent topaz]

not possible

but youre using panel -> image

just set the offset in the image

[paper cloak]

ill try that, thanks

[patent topaz]

    "mines_image": {
        "type": "panel",
        "size": ["20%","100%"],
        "anchor_from" : "center",
        "anchor_to" : "center",
        "controls": [
            {
                "image": {
                    "type":"image",
                    "texture":"textures/ui/mines",
                    "offset": [ 10, -20 ],
                    "size": ["100%","100%"]
                }
            }
        ]
    }

just like that

[paper cloak]

ty