Need help with text sizes

[desert patio]

If I have §g§r the text should be big and if §s§r small but if both are in the same line it doesn't show the sizes how do i fix this?

            form.button("§g§r§cHI")
            form.button("§s§r§cHI")
            for (let seed of seeds) {
                
                form.button({ rawtext: [
                    { text: `§g§r§f${seed.name}\n` }, 
                    { text: `§s§r§8x${seed.stock} Stock\n` }, 
                    { text: `§g§r§a${seed.stock != 0 ? seed.price : "§cNO STOCK"}` }] 
                }, seed.texture)

            }

[steady scarab]

Lmao is this that plant game on roblox

[desert patio]

yeah trying to recreate that on mc

[steady scarab]

Cool, I also don’t really understand your question

[mild fox]

If you are using bindings you would have to make each text a different panel, since this way you are placing both § in the same text

[desert patio]

Didn't i make that?

[desert patio]

.

[desert patio]

As you see in the picture in the first button I use §g§rHi it makes HI bigger because I use font scale factor on the second button it's the same but it makes the text smaller the current issue is if I use big text and small text in one button it won't work (3rd button)

[steady scarab]

yeah you cant have two bindings on the same piece of text, like angel said above youd need to make two seperate text components, which could be achieved with %. substringing

[desert patio]

Oh ok thx

[desert patio]

if I use %.20s it only remove the first 20 char. how do I make it to remove from "§g§r" to like "§g§e" for example? bc each button has a different string length

[steady scarab]

you cant unfortunately, but if u set the number to more like 100 for small, then >100 for large you should be alright

i also recommend using a spacer for the %. somin like "source_property_name": "((%.25s * #form_button_text) - '\t')",

[desert patio]

what you mean with 100? like %.100s?

[desert patio]

and how does this work? can you give me an example what it does

[steady scarab]

yeah exactly

it would be displayed like large text\t\t\t\t\t\t\t\t\t\t\t\tsmall text

with this section large text\t\t\t\t\t\t\t\t\t\t\t\t = 20 chars or %.20

[desert patio]

can you tell me how do I do it like this? ( '\t' just example )

                form.button({ rawtext: [
                    { text: `\t\t§g§r§f${seed.name}\n` }, 
                    { text: `\t\t§s§r§8x${seed.stock} Stock\n` }, 
                    { text: `\t\t§g§r§a${seed.stock != 0 ? seed.price : "§cNO STOCK"}` }] 
                }, seed.texture)

I want that seed.name big, seed.stock small, and seed.price big again?

bc if I do this it only show the seed.name and not the other stuff

[desert patio]

Anyone? please

[hearty sinew]

try with this

form.button(`§f${seed.name}`.padEnd(100, '\t') + `§8x${seed.stock} Stock`.padEnd(100, '\t') + `§a${seed.stock != 0 ? seed.price : "§cNO STOCK"}`)

[arctic cypress]

cuh u do not need 200 characters

max 64 each