📲┃ui-ux

[mild kernel]

You don't, you choose a resolution (1920x1080 is common), then you design around that. Then you use the Match slider to have it scale based on which side will push inwards if the aspect ratio doesn't match.

[rose urchin]

Is it possible to have GameObjects clickable (with the exact same behaviour as a TMP button) and would that even be the correct way to allow the user to interact with buttons that are shifting around (slowly and then increasingly faster) while allowing visual interaction with other game objects, for example a gameobject which emits light would light up these buttons, and if these buttons emit light, they would be able to light up game objects.

[mortal robin]

Can you try distilling this question down to a single thing? I'm not sure what you're asking to be honest.

[rose urchin]

Can you try distilling this question

[storm wharf]

When designing UI element in Unity, how do you create the object structure?
I.e. I am making a "card" which will contain icon + header + body + footer

Root object is set to 400x400(default center anchor etc) and all child objects will be set to stretch to parent.
My question is mostly about the root object, but if you have other tips then let me know(like child objects set to stretch, is it a good practice?)
What is the default size you go for?
Is it around the size you want your object to be in the game?

[rapid ferry]

adaptive ui is hard to master but is worth it. It's easier to do than explain, so if youll ask, probably attach some screenshots

once you got full understanding with the recttransform, ui will be a LOOT easier

[rapid ferry]

Anyway, for a more helpful answer regarding to making card UI:
These blue things are the anchors, anything inside the anchors will adapt to the parent's size. Just play with it and you can make an adaptive card

[storm wharf]

Yes I figured out this part as I was playing and its nice, do you always put anchors at the edge of that element?
By adaptive UI, do you mean something specific? Or just the idea that setting up UI with anchors will let it scale?

Any recommended guides/tutorials on the topic?

[rapid ferry]

as i said, everything in UI entire depends on what you want to happen

[storm wharf]

I always used pivots to set my anchors, but it doesnt seem like a good idea if I want UI to scale, so setting up anchors manually did the trick for me,
There is 1 issue I am having tho, if I want to resize things or move them around, my anchors break and I have to set them up again.
Is there a way to avoid that?

[rapid ferry]

i didnt have any learning materials when i studied UI, i just played with recttransform for weeks til i master them

[storm wharf]

I want a general tutorial on the topic of anchors/pivots/positioning I guess.
I can't really come here with every example asking the same question 😄

[rapid ferry]

then just keep practicing, recttransform is the only hard thing here

since you already understand how anchor work, that's half of the lesson already

[storm wharf]

As an example, I wanted to add padding around the content of my card.
That meant I had to add "content" object and put all other objects inside.
That content object had to have anchors set to : 0.05, 0.95 in order to add padding around.
But doing that caused some issues and required me to fix all anchors again.

So what is the other half of the lesson?

Pivot?

[rapid ferry]

pivots

yes

[storm wharf]

alright, I will read up on them to see the difference

[rapid ferry]

pivots generally just tells which part is nailed to the parent

[storm wharf]

oh by pivot u mean typing values in the rect transform

not choosing 1 of the options like stretch/top/left

[rapid ferry]

those are anchor presets

[storm wharf]

makes sense

[rapid ferry]

they arre helpful for beginners, but custom is more fun to learn in the long run

[storm wharf]

yeah that was my issue probably, I often use those(they are good to quickly setup an object, but after that you have to manually change anchors anyway

[rapid ferry]

esp, since there's no anchor preset (afaik) that will make card parts adapt to it's parent (holder)

[storm wharf]

yes, it definitely makes more sense to use custom so the UI works for different resolutions.
I assumed at the start that using those presets would be enough, but I was wrong 😄

Exactly that was my issue

[rapid ferry]

anyways, goodluck learning, it's worth it. I can literally make UI with minutes now that would have took me 30 before

[storm wharf]

Thanks!

[formal mango]

hey yall i want to intansiate a message when i press enter which works fine but for some reason it is compressed to a corner

the message text input works fine it just the instanciated text looks ugly

i want it to be a line at the top of the chatholder

[burnt mica]

My text keeps appearing as blocks

What should the default shader for TextMeshpro be?

[valid osprey]

i have this scene, no matter what i do this gap will not be filled, it appeared out of nowhere, i disabled everything from the scene to see where it comes from, and it still appears ???

my camera is orthographic, the color of the camera is solid

it doesn't show up on the camera

[light mulch]

@supple basalt leaderboard button which is one of the buttons messing up.

Inner is the background sprite behind the text "Leaderboard" and it has the text inside it

Image is the icon next to the button

[supple basalt]

Do you have any code that modifies the transforms of these objects?

[light mulch]

uh not for the buttons
for the scores, sort of. it retrieves the records from database and fills out the existing fields
but it doesnt transform the ui elements.

[supple basalt]

would you mind making a prefab out of the UI and exporting it as a unitypackage? you can turn off "include dependencies" so that it doesn't export a huge pile of assets and scripts

i'd like to see how it's set up

[light mulch]

yea one sec

see if it works
ive exported the entire UI

It has a GameOver screen inside
and yea the issue only seems to happen when it enables this menu a second time (first time is fine)

[supple basalt]

I wonder if this is because of the Drop Shadow Filter components

I don't see anything happening as I activate and deactivate different game objects in the UI

[light mulch]

gonna try disabling

they are third party assets so could be

aha! you're right disabled them for leaderboard and mainmenu and now everything else has the issue

[supple basalt]

I suppose the component is changing the size of the rect transform

It might behave better if you add layout groups.

e.g. like this

so that the UI auto layout can completely control the size and position of everything

as for your original question: you'd usually reach for LayoutRebuilder.ForceRebuildLayoutImmediate to immediately recalculate UI sizes

[light mulch]

ill give this a try
on another note, is there a way to force it to "refresh" the ui? the same way resizing the window apparently fixes the issue?

[supple basalt]

but I'm not sure that'll help here, since this isn't a problem with a layout group

[light mulch]

ah i think i did try that to no avail haa

thanks

[supple basalt]

the other approach would be to just deactivate and activate it

I wonder if this is something you can fix by changing your anchors and pivot points

assuming that the Drop Shadow component is changing the size of the rect transforms

also, you appear to have parented a gigantic Background image to the Run Button :p

[supple basalt]

actually -- it's possible that this is caused by the drop shadow running in a random order compared to the canvas scaler

the canvas scaler has an execution order of 0

so I wonder if this'll change if you put the UIFX stuff earlier or later

[light mulch]

uh uifx doesnt have a priority field to set i think :o

[supple basalt]

this is in the project settings

Project Settings > Script Execution Order

[light mulch]

hmm yea nothing about uifx in here

[supple basalt]

you have to add a script asset to the list with the + button

[light mulch]

ooh ok ill do that

hmm yea i added all uifx scripts before 0 and that didnt fix stuff either.
I'm gonna work with layout groups a little more and try other solutions you've recommended. If nothing else works, i contact the devs for support i guess since its a 3rd party asset

thank you so much for your time Fen

[supple basalt]

I'd try sticking them after 0, too!

but yeah, I'd have to look at the asset to figure out what's going on there

[light mulch]

wow i did not expect that to work
was literally about to sign off for the day but that worked out
thanks again haha

[supple basalt]

sounds like they're mucking with their size in Update or something similar

If two script assets have the same priority, they run in an order that depends on when the individual instances were created

(and i'm not sure it's even that well-defined)

I don't like messing with execution order for my own scripts, but it's more of a necessity for third party stuff

[crystal quail]

Hey, I'm having difficulty with arranging objects in a layout - I'd like to get it so that when only one of these are shown in the game, they will start showing on the left and then expand on the right afterwards (in no particular order). I.E is SPD+ is applied first, it will be on the left, then when RNG+ is applied it will be "next to it"

As it is, they all just show/hide in the current locations

[mortal robin]

Use a HorizontalLayoutGroup

[crystal quail]

I am/was but they aren't moving position. I was watching some tutorials before I had to do something else but I'm assuming I may need to script it instead?

When setting the UI in Unity it's hard coded so I'm assuming Unity doesn't have that "freedom" and in the script, I'm assuming I need to get a list and then populate the groups I've set in the inspector?

[mortal robin]

You're assuming wrong, there must be something wrong with your setup

[silk storm]

lmk if this should be posted into a different channel

been trying to work on card game to mess around, but the cards aren't scaling with the panels. Anyone got any tips as to how to get this to work ^^;

I've tried looking up solutions and haven't been able to find much that helped

[low pike]

Something on the 'Hand Panel' is controlling the size of the card

[warm moth]

Hey! I was wondering what you all use for your UI? I want to be able to loop through my UI items infinitly and I would like to be able to add to the list of items during gameplay.

[mortal robin]

sounds like you want a recycler view

[warm moth]

Correct

[mortal robin]

off the shelf solution?
https://github.com/framg/RecyclerView-for-Unity

[warm moth]

Thank you!

[jade loom]

Hello guys, i have the following hierarchy:

Canvas
- Parent_Mask
- - Child Image

I need to resize the mask and only the mask, but in order for the mask to work the Child Image need to be a child of the Parent Mask, is there a way to scale the mask without scaling the children? Or is there any other free mask solutions to address this problem?

Is there any way to mask a non child image or raw image?

[mortal robin]

Generally you shouldn't be scaling UI period

Resize it via the RectTransform settings

[jade loom]

I can chage it to this, but ill still have the same problem

As it will affect the child g.o

A hacky fix could be aplying the same thing up and down, but still kinda tricky to do

[chrome kettle]

When using TMP Input Field the text area starts moving horizontally when using large characters, when the left edge should remain fixed and the written text not move
I guess this behaviour would have to be a setting but I can't find anything associated with it
Doing inputField.textComponent.rectTransform.localPosition = Vector3.zero; every frame kind of prevents this behaviour but the text then flickers when the input field fights to move it

I'd think it was something to do with pivots but it's just totally ignoring them

[indigo egret]

Try extending the TMP Area (the yellow borders) to acommodate your expected max text so it would not move.

[lament olive]

guys is there a way to make images with preserve aspect ratio turned on corners round?

[analog urchin]

Hi guys, is anyone familiar with an issue where on Legacy text and the console, a text displays correctly (A), but on TMP_Text it displays as A whitesquare? (A
when copied into discord)

To be more specific it's trying to show A'\u25A1'

It's as if there's a char at the end that is normally not seen/ignored, but TextMeshPro's trying to display it anyway

I'd have nearly assumed that it's the EoL char tbh

[azure flame]

Experiment with another font asset perhaps. To figure out which character exactly is missing.

[tawdry ferry]

In the [warning](#archived-code-general message) you've previously sent was written that LiberationSans SDF simply doesn't support that character

I don't think you can do anything about it is the character is not supported

[analog urchin]

Ah, dam, the other font is LegacyRuntime

[tawdry ferry]

There's also a method to check whether your font supports the character

if (t.font.HasCharacter('\u25A1'))

[analog urchin]

Tbh ig I never really considered font to be a possible issue here

[tawdry ferry]

It is

You cannot write a character using a font, which doesn't support it

[analog urchin]

Though that does mean that other fonts must be interpreting it as nothing, no widths or anything

[tawdry ferry]

Yeah, do you want to use this character with exactly this font anyway?

[analog urchin]

It's for key rebinding, the method I call returned me that string which TMP has issues with

[tawdry ferry]

You can make it so that not supported characters are either not displayed or displayed as another characters

[analog urchin]

Honestly, pretty sure it's meant to be ignored

The "normal" is just displayed as A, the other adds the hidden char

[tawdry ferry]

Is it an issue for you?

[analog urchin]

Normal:

Not normal:

[tawdry ferry]

Is it supposed to not be written?

[analog urchin]

So yes, I'd assume that the other simply hides those

[tawdry ferry]

I'm asking whether you have an issue to be fixed

Do you want to use a specific font without an empty rectangle being written instead of the character, not supported by the font?

[analog urchin]

I'm not sure how it should be done so I can't directly answer on that

Am currently searching about hiding missing chars or stuff

[warm moth]

Does any of you use pre-built solutions for your UI? I am having a super hard time getting my UI built the way I want. I also don't have a grid based UI so pretty much 70% of videos on YouTube is not helping , (Fair warning I am super green at UI)

[analog urchin]

Mistake: It's \u0001 missing, replaced by \u25A1, \u0001 means Start of Header, not that it makes any sense in the current context.

Bigger confusion: Most action names besides a few, like RMB, LMB, and the arrow keys, adds \u0001 to the end, SpaceBar is represented by \u0001, and the same goes for the Return key, like seriously tf is this? I'd expect such things to work out of the box but I find myself kneedeep in troubles with it

Even if I had a font that supports \u0001, first of all, it's literally StartOfHeader, secondly, it's oddly shared between multiple use cases

The Esc key returns \u001B, which is the escape key, so I'll give it that, it's somewhat countable as a bad font issue, even though I'd honestly expect them to just return "Esc" and not a single char

[tawdry pond]

idk where else to post this, but I'm having trouble getting rid of these weird lines with tiled textures on certain resolutions

It's really weird and specific

heres the single player button idk

only happens when it's set to tiled

[mortal robin]

what kind of canvas is it

[tawdry pond]

mhmh

I haven't touched this in 2 years so I'm not too knowlegable

this bug has just been here for years

[narrow dust]

Hi. I'm copy and pasting steam player names to see if my game will display all characters. There are some characters that won't display (shows the empty square symbol). I think Steam uses the Motiva font, but it's not free. What is a good fallback font to use when displaying steam player names? I'm currently using Google's Noto font.

I do use various Noto fonts like simplified Chinese, Korean, Japanese, etc. as fall back fonts so I suspect they are symbols not in any of these fonts.

I't a multiplayer game and I'm sending the text as bytes, using utf-8 encoding. Is this perhaps stripping out those characters?

[solemn pivot]

Im having problems with text mesh pro's Dropdown component.
I am trying to add, sort, remove from a TMP dropdown, but every time I interact with the dropdown in any way, the selected value gets lost and it resets/defaults to the top most value.
I've tried everything in the documentation but for some reason I just cannot retain the dropdown's value

I need to be able to add and remove from it, without changing the selection. (of course, if your selection itself is the thing removed, its fine to then reset selection to the top most value)

[full heath]

Thats a weird behaviour. You can try changing the Overflow value on your TMPro to Masking and the Wrapping Mode to Normal. Also you can limit the zone of the gamObject if you change the Anchors from the top-left corner to some custom anchors dragging the arrows to the zone you want. Hopes you solved it yesterday or this info could be useful for you

[mortal robin]

Can you just save the selected index in a variable and set it back after you rearrange it?

With a +1 or -1 if a thing was added or removed before it

[full heath]

In case your Dropdown stores Strings before adding any change you can save the lastSelected, make the changes you want and after that just go throught all the values of your dropdown and select the one which value match with lastSelected. This is useful if you are adding in order instead of adding at the beggining or the end of your Dropdown

[chrome kettle]

@indigo egret @full heath I just got back to it and with your help got two solutions
I believe what I'm seeing is the default Overflow behavior when Wrapping is disabled
Expanding the yellow area so overflowing can't happen even with wide characters does work, and using Overflow: Truncate simply cuts off the text rather than moving it

[hard spoke]

Hi everyone!
Before i start asking random question do you know a good guide to layouts?
I come from a web dev background and i'm trying to find something like flexbox from css.
So like creating a sidepanel covering full height and a 1/3 width of the screen with the other panel 2/3.
I managed to do this with horizontal layout and layout elements but then when i added a textmeshpro component to the panel with autosize=true it ruined the layout. why is that?

[tawdry ferry]

Could you, please, show how it looks like?

[hard spoke]

well, I think i've solved it D:

I have to put the textmeshpro inside the row

instead of putting it as a component inside the row element itself

but im still curious if there's some guidelines on how to use layout out there

got any suggestions?

[tawdry ferry]

Do you mean general guidelines on how to use Unity UI?

[hard spoke]

like best practices yeah

[tawdry ferry]

There should be a bunch of videos, but I was just creating UI when needed. So I have learned it simply thru practicing

Just make sure you know about the components like Layout Groups, which help you to structure the object correctly, and use anchors to not align the objects manually

[tawdry ferry]

Also make sure you simply have an object to structure all your texts. You usually don't need a separate empty object for every text you have.

Upper Panel
  - Text 1  | aligned to the top
  - Text 2  | aligned according to your stretching objective
  - Text 3  | aligned to the bottom

[hard spoke]

thank you

[hard spoke]

actually, i tried having them all without a separate empty object but when i set the autosize to true they stretch out of the constraints of the horizontal parent layout

ruining the 1/3-2/3 screen layout

[tawdry ferry]

Why would autosizing a TMP_Text do that?

[hard spoke]

idk i just started trying game dev 😄

[tawdry ferry]

Well, it shouldn't do that

Could you, please, show how it's happening?

[tawdry ferry]

Oh, well, right, of course it does

I thought you've already applied that Upper Panel I have shown

So if you have them directly inside of your canvas, they're going to stay in it

You need a parent gameobject, which fits all those texts together

[hard spoke]

Is there a way to position something relative to something else?

[tawdry ferry]

In what context?

[full heath]

You can create a empty object (parent) and inside of it add the two objects that you want to be realative. For example if you have a label and an input area. So the child will onnly use the space of the parent and the parent can be moved

[velvet ivy]

hello! can you tell why this happens?

The X value is decreasing on it's own, in editor view with and without entering play mode

[mortal robin]

Not without more context

[heavy sentinel]

There is a chance some component has an attribute that lets it run in edit mode (https://docs.unity3d.com/ScriptReference/ExecuteInEditMode.html). Alternatively, some editor scripts can modify it.

If you want to narrow the problem down, I would suggest creating a backup, then:

• turn off gizmos (to ensure that OnDrawGizmos code is not affecting it)
• close unnecessary windows (some custom editor windows can affect it)
• delete other objects in scene (some scripts can affect it)
• disable other components in this GameObject
  I believe at some point the issue should be gone. Then it will be easier for you to figure out what exactly is causing the problem.

[tawdry pond]

hey sorry to bother, has anyone reading this had this issue before?

[mortal robin]

What issue? The warnings?

[tawdry pond]

Oh sorry meant to highlight this

[celest coral]

Hi all, new to Unity and looking for some help.

I've currently got a button sprite that has a lot of transparency. The sprite image get's cut off when I use it on a button:

How it looks in the sprite editor:

I've turned off as much Alpha/Transparency related things I can find but still have no success. Any pointers to what it could be?

[full heath]

Try changing the compression from the Inspector and Sprite Mode to Single instead of Multiple if you want it to be just one sprite

[rose urchin]

There's this annoying artifact I'm getting in game-mode (in-editor), doesn't appear to occur on build, but it persists during editor play. Any idea if these can be removed? The scene which holds the canvas and the scene which holds the background and other elements are separate (loaded additively)

Should probably mention I'm on Unity 6.1f

[rustic fog]

Has anyone had the problem where they places UI somewhere on the screen, then you reopen the project and the UI is just gone, with the cordinates being NaN? How do I prevent this for happening next time?

I can't even change it back to 0

[radiant sorrel]

how do i make it so that the amount of space from the grid layout elements (dark green boxes) is the same from that of every side?

[tawdry ferry]

The grid, containing the elements, should have the same Layout Group's spacing as all of its RectTransform's offsets

[tawdry ferry]

I don't think you can fix it. Unity has its own issues and the most common for me is setting the Top and Bottom values to ~ -4..., but acting as if they were 0

[mortal robin]

never seen it. What's the hierarchy setup etc?

[radiant sorrel]

hi sorry i dont really understand what you mean by "all of its RecTransform's offsets" could you elaborate?

[tawdry ferry]

You first have to fully stretch your anchors, then assign all of its offsets to the same value, as shown in the images above.

[radiant sorrel]

what if dont want to assign my offets the same value though?

[tawdry ferry]

So you don't want to make the spaces between the elements and the sides be the same? Then don't do it

[radiant sorrel]

oh i meant that like the panel holding my grid elements is bit closer to the left side of the screen so i cant make the values the same otherwise the panel would shift to the center sorry for the confusion

[tawdry ferry]

You can't do it without the suitable size of the elements

Make sure the elements have the sizes which fit into that grid

[tawdry ferry]

Well, actually, you can simply use the Content Size Fitter to resize it automatically

In your case, both Horizontal and Vertical Fit should be set to Preferred Size. The Padding and Spacing should then be the same

Hope, this answers your question

[radiant sorrel]

oh yes, it works!! thank you so much for your help!

[tawdry ferry]

Yeah, I first thought they were distributed within their own empty GameObject. It's strange for me how I haven't instantly thought about Content Size Fitter and paddings

[long grove]

can someone help with vr UI ? i'm new to unity i just made a ui with health system, the canvas is set on overlay but it doesn't show when i test the game

anyone know how to do ?

[mortal robin]

All VR UI must be world space canvases

VR only supports world space canvas

[long grove]

ok i used world space and fixed it on the camera but i need to fix it on the left corner and rn when i look around the healthbar go from left to right idk why

this is the script i used to make it appear in front of the main camera

how can i fix it in the left corner of my screen ?

[dire gust]

Very very stupid question, but does someone know why I cant click on the elements of my canvas?
I can move the elements changing the transform values, but I dont know what option I touched that I cant move them using the mouse in the editor

[mortal robin]

Did you disable their scene pickability in the hierarchy?

[dire gust]

Where is that option?

[mortal robin]

https://docs.unity3d.com/6000.0/Documentation/Manual/ScenePickingControls.html

[dire gust]

nope is toggle

like, the finger is not crossed

[mortal robin]

It's unclear to me what your issue is

what happens when you try to move it

[dire gust]

letme send a quick video

Im cliking on the elements, but it just dont work

as seen in the video, If I select an object in the hierarchy I can move it freely

but I cant select them by cliking

Oh its fixed

I just need to close the scene window and open it again

seems like a bug

[hollow sleet]

I've got a Vertical Layout Group controlling a text mesh text so it dynamically expands doing down based on the amount of lines in it

but I wanted the childed image to fill the relevant text box area dynamically

I see the vertical layout group isn't actually updating the text transform values which is why im assuming its not working as i expected, any suggestions on setting this up?

[mortal robin]

A layout group is for laying out multiple UI elements

a single text element isn't going to really benefit much from it

[hollow sleet]

fair, i'm open ears for alternate suggestions on doing what im trying to do with it

[mortal robin]

Use multiple text elements

all children of the layout group

[hollow sleet]

like per line?

[mortal robin]

yes

[hollow sleet]

this is for a dynamic console

i basically swap between different code based string holders (im pressing tab in the gif)

w/ the vertical layout group the gif is showing what i want to happen but i also want the effect of a image that fills the dynamic space the text is taking

oh it maybe looks like the layout group has the size i need internally

@mortal robin i think its slightly hardcoded for the anchor im using but got what i wanted using this 😄

    public void Update()
    {
        float newX = verticalLayoutGroup.preferredWidth;
        float newY = verticalLayoutGroup.preferredHeight;
        image.rectTransform.sizeDelta = new Vector2(newX, newY);
        image.rectTransform.anchoredPosition = new Vector2(newX / 2, -(newY / 2));
    }

[safe glade]

Hello, im trying to set up two groups of buttons. I want two groups of buttons because I want to be able to have one button in each group in the "selected" state is there an easy way to do this using a toggle group or something or do i need to add the functionality in code?

[tawdry ferry]

I'm sorry, I don't seem to fully understand your issue. What does 2 groups of buttons mean?

[tawdry ferry]

public void Update()
{
    Vector2 newSize = new(verticalLayoutGroup.preferredWidth,
        verticalLayoutGroup.preferredHeight);

    RectTransform rect = image.rectTransform;
    rect.sizeDelta = newSize;
    rect.anchoredPosition = new(newSize.x / 2, newSize.y / -2):
}

I would create a Vector2 and not access the RectTransform twice

Also, does it do what you want? This seems a bit strange for me

[safe glade]

@tawdry ferry okay lets say i have 10 buttons. currently if i click on any of those 10 buttons it goes into the "selected" state and changes its color accordingly, when i then click on any other button the currently selected button goes back to normal and the new button becomes the selected button

instead i want it to function where my 10 buttons are in two groups or sets of 5 buttons. where each group of 5 buttons can have up to 1 button selected the (way the original 10 buttons worked) so at any given time one button from each of the two groups can be in the "selected" state

i can for sure do this with code without much issue im just wondering if there is an easier/faster way using a toggle group or something like that

[tawdry ferry]

I don't think there's a built-in solution. I would create a simple script, which stores a List of Buttons and makes you able to select just a single one

[safe glade]

gottchya 👍

[tawdry ferry]

I have done it in the previous year, so I may find the code of the script I've used if you need it?

[safe glade]

ill dm you if i get stuck but i should be able to figure it out. thanks though!

[tawdry ferry]

Please, simply reply to this message when you're stuck

Good luck!

[long grove]

how can i fix a frame in the top left corner of the screen in a vr game ? i have my frame in the worldspace but i only can put it centered or it moves

[low pike]

it needs to be a child of the camera, so it moves with the head

[long grove]

i made it so the frame has the position of the head where the player look

[rapid ferry]

UI 2-sided card with thickness, is this doable with a Custom Graphic?

At least even with shaderwork

[rough halo]

Someone knows why when i try to update a toggle depending on if the screen is fullscreen or not

i get a bug in which i cant change it?

[austere nest]

probably because your updating that per frame

[rough halo]

Do you know how can i update the toggle depending on wether the screen is fullscreen or not when i come back?

My problem is that when i come back from another scene the toggle is always on even if the screen is not fullsize

[austere nest]

that sounds like you need a saving and loading system

[rough halo]

if i put toggle.isOn = true;

that triggers the onvaluechanged method in the inspector?

[austere nest]

i think yeah

[rough halo]

so how do i change that value without triggering? Because the toggle always reset as I restart the game or change scenes and come back

[austere nest]

you need to save and load your settings

[rough halo]

theres no possibility to do it with playerprefs?

[austere nest]

you can use playerprefs tough i personally wouldnt reccomend it

[rough halo]

but how can i disable teh OnValueChangedListener so i can change the isOn without triggering the method?

Or how do u do it with playerprefss

[austere nest]

you dont need to disable it, once the game starts or you switch scenes it will load your settings by setting the values of your UI elements to the saved values, that will call the functions and apply the actual setting

[rough halo]

but i dont want to apply again the value

like if i swith scenes i dont want to go back and apply again the windowed mode

[austere nest]

i wont, cuz is saved

[rough halo]

so right now if i have in the start this:
if (PlayerPrefs.GetInt("Fullscreen") == 0)
{
toggle.isOn = false;
}

    if (PlayerPrefs.GetInt("Fullscreen") == 1)
    {
        toggle.isOn = true;
    }

what should I do so the toggle image is in the correct form

[austere nest]

first of all you can make that shorter by doing this

toggle.IsOn = Convert.ToBoolean(PlayerPrefs.GetInt("Fullscreen"));

2nd put it in awake since is called before start

actually put it in a function that gets called in awake

[rough halo]

done

should i do something else?

[austere nest]

well that gets the saved value, you also need to set it

in the function you call when toggling, save the value to the playerprefs

[rough halo]

thats also done

and still im getting the bug

[austere nest]

whats the bug again?

[rough halo]

let me show you a video so its easier

[rough halo]

screen is windowed but the toggle is on again

[austere nest]

wait a min, this is a build

[rough halo]

yea ofc, i cannot change fullscreen in the editor

[austere nest]

you did build again after the changes i told you right?

[rough halo]

yeah

[austere nest]

ok

you dont set that toggle value anywhere else right?

just in awake

[rough halo]

correct

[austere nest]

also make sure you dont have any misspelling in the playerprefs key

[rough halo]

https://hastebin.com/share/esuwotuler.csharp

this is all i use

and the method is being called through here

[austere nest]

you dont call PlayerPrefs.Save()

[rough halo]

i have a lot of player prefs and i never used Save

and they work perfecly

[austere nest]

try doing it for settings

see what happens

[rough halo]

Oh btw, if i dont change res, only the fullscreen, when going back to the menu fullscreen gets enabled automatically

[rough halo]

https://hastebin.com/share/bowofudoja.csharp

this is the complete script

[austere nest]

what is this supposed to do?

[rough halo]

if the playerpref is not 1 or 0 (1 Should be for fullscreen and 0 for windowed) then it sets it to fullscreen

[austere nest]

yeah i got that but why is it there?

[rough halo]

where should it be

[austere nest]

from the looks of it you try to set a default value

but you shouldnt do that

[rough halo]

okay nvm i fixed it already

[austere nest]

oh, k

[rough halo]

but i have another problem

[austere nest]

what is it?

[rough halo]

My res sometimes changes randomly when i go back to the menu

or when i open the game

[austere nest]

that sounds like something overriding the current resolution, im sorry but i cannot go trough your entire script and fix the issue for you put some breakpoints in your code and see when that happens, to do that in build you have to make a develpoment build and link the visual studio solution to it

you can also do it in editor and watch for the dropdown value changing

[rough halo]

 {
     // Comprobar si los valores de la resolución están almacenados en PlayerPrefs
     if (PlayerPrefs.HasKey("ResolutionWidth") && PlayerPrefs.HasKey("ResolutionHeight") && PlayerPrefs.HasKey("RefreshRate"))
     {
         int width = PlayerPrefs.GetInt("ResolutionWidth");
         int height = PlayerPrefs.GetInt("ResolutionHeight");
         int refreshRate = PlayerPrefs.GetInt("RefreshRate");

         // Establecer la resolución guardada
         Screen.SetResolution(width, height, Screen.fullScreenMode);
         Application.targetFrameRate = refreshRate;
     }
 }```
why my fps doesnt cap at my HZ chosen in the dropdown for the resolutions?

[austere nest]

refresh rate and framerate are different things first of all

to cap the fps to the HZ you have to enable vsync

[silk storm]

no clue where to put this- idk if it's coding issue or unity
no clue how to describe the issue so I recorded it-

here are the codes related to this if that helps

selecting which cards get hidden

public GameObject cardInDeck2;
public GameObject cardInDeck3;
public GameObject cardInDeck4;

    void Update()
    {
        ThisCard card1 = cardInDeck1.GetComponent<ThisCard>();
        ThisCard card2 = cardInDeck2.GetComponent<ThisCard>();
        ThisCard card3 = cardInDeck3.GetComponent<ThisCard>();
        ThisCard card4 = cardInDeck4.GetComponent<ThisCard>();

        card1.cardBack = true;
        card2.cardBack = true;
        card3.cardBack = true;
        card4.cardBack = true;
    }```
### ThisCard.cs (card back booleans)
```public bool cardBack;
public static bool staticCardBack;

void Update()
    {
        ...
        ...

        staticCardBack = cardBack;
    }```
### covering the cards
```public GameObject cardBack;

void Update()
    {
        if (ThisCard.staticCardBack == true) 
        {
            cardBack.SetActive(true);
        }
        else
        {
            cardBack.SetActive(false);
        }
    }```

[mortal robin]

static variable gore

also - you should use a list or array for your cards, not numbered variables.

[silk storm]

I'm kind of out of practice when it comes to coding-
can you point me in the right direction for how-? ^^;

[lament olive]

Hey everyone,

I'm facing an issue where my UI isn't displaying in full screen on my Android device. In the Unity Editor, when I set the same aspect ratio, everything looks fine. However, on the Android device, the UI is cropped. Additionally, the black screen appears because I set the skybox to a solid color; previously, the skybox was visible. It doesn't seem to be a device-specific problem, as the splash screen displays correctly.

[wide sedge]

Can someone point me in the right direction to fix my blurry text?
It's good when the scale is at 1, but then it get blurry for some scalings:

[mortal robin]

When you say "scale" what are you referring to exactly?

That can mean several things

[wide sedge]

the scale at the top

[mortal robin]

Only 1x is relevant

[wide sedge]

but users can resize the window not?

[mortal robin]

Tehy can resize the window, but that's not the same as the scale slider in the game view

[wide sedge]

ah alright thx 🙂

[mortal robin]

That's like changing the resolution here

[frozen narwhal]

hey guys?

anyone here can help me with an UI problem?

if u use Canvas with RawImages and Buttons...then the images are on his place...
but if i restart Unity, (sometimes its same if i just stop and restart the game) then the UI Elements are not on his place...sometimes they are smaller, or bigger but every time have another position...

how i can fix that??

[full heath]

Do you have selected Free Aspect or any fixed aspect like 16:9?

Maybe if you have set FreeAspect and change the size of the window that shows the scene the UI Components moves. You can have the elements fixed on a specific position but you have to set propperly the anchors. But first of all lets see if you have FreeAspect or any other aspect ratio

[toxic mural]

Hello I'm trying to create a menu scrolling system where there's a base sidescrolling menu with horizontal scroll

And in the child of this horizontal scroll there are few vertical scrolls.

If my finger is on vertical scroll but I'm scrolling horizontally, it should scroll the base horizontal scroll but nothing ends up happening as base scroll is blocked by vertical scrolls.

In essence I want to achieve something like this

Any suggestions on how to go around it?

[full heath]

It seems you need some kind of nested scrolling, maybe this forum can help you : https://forum.unity.com/threads/nested-scrollrect.268551/

[toxic mural]

That seems to be the same issue I am facing, thanks! I'll try to see if it works for me

It worked, thanks a bunch! Really struggled to find the solution online due to limited vocab 🥲

[honest saffron]

use a list instead of multiple variables and then iterate the list.
also dont call GetComponent in Update. use the Start method for them and cache them into variables (or just assign the components through the inspector)

[daring sonnet]

@low sluice so i added world space and nothing happened when i tried to click the text or a gameobject

[low sluice]

Did you put the world space canvas at the correct location instead of your render texture?

[daring sonnet]

i added under the map

the second image is where the camera is

(sorry i never used world space)

also i like more using render texture for the effects and stuff

[low sluice]

You don't need the render texture at all for this. Just put the world space canvas at the correct location

[daring sonnet]

but then how can i add the post processing stuff for the effects

[low sluice]

If you insist on using the render texture then I already told you how you'll need to handle that 🤷‍♂️

[frozen narwhal]

i have screen space - camera

[full heath]

I mean here, on your Game window

[frozen narwhal]

there are standard settings from unity, i never changed that

[full heath]

Have you change that? Consider that if you change the aspect the position of your ui items change depending how you put your anchors

[low pike]

It's on Free Aspect by default - you do not want it on this when working with UI

As this is a visual issue, SHOW the issue rather than describing it. It will be easier/ quicker for someone to spot the problem

[tulip stag]

Has anyone had any luck generating TMP Sprite Assets at runtime? I need to be able to embed sprites into text, but I won't actually have access to those sprites prior to runtime since they're loaded from user-provided files in streamingassets.

[rugged wadi]

How do I change the material of a TMP object? I have another material without a text outline, but it's not letting me swap out the material

in this screenshot, I'm trying to assign the circled material, but dragging it into the inspector doesn't work. Also, there's no option to remove the current material

[ebon reef]

Hello ! I would like to display a vfx above a button(the button will be invisible) but I struggle a lot.
technically this is what I got
But when I make this button spawn (it a simple dialog box) everything spawn except the vfx or lets say it spawn because I found it in the hierarchy but the camera don't render it.

[mortal robin]

VFX live in world space.
UI lives in canvas space

Two completely different coordinate systems

The easiest way here is to make your UI use screen space - camera

[ebon reef]

Ok thanks for that info 🙂

[radiant sorrel]

why is my scrollbar fully white and why doesnt it scroll properly?

[mortal robin]

What's wrong with the scrolling exactly?

[tulip stag]

shouldn't the content size fitter have its vertical field to preferred?

[terse tulip]

im kinda new with ui, i am using a horizontal layout group to center both (text + image(currency)
i want the image to not get stretched when the text increases in length dynamically

how could i achieve this

case ex: none

case on which the img is stretched

[terse tulip]

found it

nvm

layout issue

[analog urchin]

I have issues with scrollview cus scrolling doesn't work when your mouse is over ui with RayCastTarget on

So I ended up making some sort of wrapper...

But then I've got serious trouble with controlling the scrollview via the other script

Is there a solve for the first problem without using another script? If not... How was I actually meant to scroll a scrollview by script?

This is the issue I'm currently having

[azure flame]

Unless you are blocking it with something scrolling while hovering over scrollview should work just fine. If you absolutely have to have something overlayed, you can pass raycast with custom event under it.
For animated scrolling on scrollview, I've manipulated scroll progress variable, it's 0-1f I think. So calculating height of the content area object vs, for example height of an item, would allow you to calculate the percentage for the scroll step you want.

[analog urchin]

The original issue where I have trouble with ui element blocking my scroll was in the backpack

Where you can't scroll while hovering over inventory slots

[azure flame]

Items should be part of the content container

[analog urchin]

Part of the content container? Wdym?

It's just a bunch of inventory slot arranged by a grid layout group within the content tab

[azure flame]

If you have everything under https://docs.unity3d.com/ScriptReference/UIElements.ScrollView-contentContainer.html scrolling should work

[analog urchin]

Each inventory slot consists of

• Slot (Background img)
  • Content (Item img&has event triggers)
  • Text (Item amount display)

[azure flame]

If you are blocking events preventing them from reaching scroll view, then it won't work

[analog urchin]

Nothing has raycast target except Content

[azure flame]

Use event manager debug screen in the inspector and see what's blocking

when event manager selected, make sure it's extended on the bottom in the inspector

It's active only at runtime

[analog urchin]

I'm not quite sure what the event manager debug screen is... No results show up

After a simple double check, it's 100% confirmed that it's the Content that's blocking the scroll

However I'm not using the scroll event

[azure flame]

At runtime select event manager to show in the inspector and look at the bottom of it when you move the mouse over UI

Easiest way to test is to create default scroll view and examine what elements exposed while scrolling to work properly

[analog urchin]

Welllll... Definitely the event trigger

Hmm... Maybe the scrollview also uses OnPointerEnter & OnPointerExit to know if you can interact...?

Nope, the mere presence of an event trigger blocks it

[azure flame]

I'm guessing it supposed to take over all the events, so you need to forward them if you want them to work

Never used that component. If you want castom event redirection it's simple enough to add Selectable script and capture and redirect only events you want

[analog urchin]

All I need are these two functions to be triggered ngl

How would you do it?

The Selectable script looks like... Just a base ui component?

[azure flame]

Your component needs to implement Selectable interfaces you want
public class ScreenEventsManager : MonoBehaviour, IBeginDragHandler, IDragHandler, IEndDragHandler, IScrollHandler, IPointerDownHandler, IPointerUpHandler

[analog urchin]

Ahhh I see

So Unity probably searches up the hirarchy for components that implement those

[azure flame]

And also if the component is blocking one, you can reference blocked component and redirect event, receiving it like that
public void OnDrag(PointerEventData eventData) => OnDragProxy(eventData);

[analog urchin]

And Event trigger implements them all?

[azure flame]

Never used event trigger. I use events through scripting

[analog urchin]

Yeah I mean, probably why it blocked it while empty is cus while events are optional, the implementations are always there

[azure flame]

it might implement everything, thus blocking everything, I can only speculate

[analog urchin]

That's what I mean lol

Hell no

I think that it's OnBeginDrag and OnEndDrag

Ig I'll just implement them too (While I don't need them)

[azure flame]

You need corner case handling. If you start drag over an item to block drag for the scroll view

[analog urchin]

Uhm... Exception?

Pffft okay

Pretty sure I just need to implement the few stuff I need to intercept

I mean, inventory slots are meant to be dragged after all

Even if I don't specifically utilize them

[azure flame]

So the item would need a Selectable drag interface, which will block scroll event for the scroll view

[analog urchin]

No... I need the scrolling

I just don't want the dragging

[azure flame]

...for the time you are dragging the item

then restore it on release

[analog urchin]

Hmmm... I don't think that it'd be necessary?

Cus honestly no one would actually care if they can use the scrollwheel while dragging

[azure flame]

That's not scroll view being scrolled, that looks like drag event working for the item you are dragging and for the scroll view

[analog urchin]

Yep

[azure flame]

Anyway, you have all the information you need to handle it now

[analog urchin]

That's why ig that I'd just need to implement PointerDown and PointerUp OnBeginDrag, OnDrag and OnEndDrag

[lethal breach]

I'm trying out Unity 6 preview. I am trying to reference a TMP_Text. I have asmdefs setup, and since there was no Unity.TextMeshPro assembly, I found out that it was merged to ugui 2.0.0. I verified that I have that package installed. But I still can't access TMP_Text. Is it under a different class name or what am I missing here?

[lethal breach]

I temporarily removed the asmdef file and now it can see TMP_Text using TMPro. Is this broken in Unity 6?

[gleaming current]

Hello please help me how i can fix this

When i add UI prefab in small resolution it become big and small on big resolution

[mortal robin]

Use the settings on the canvas scaler

[fiery spoke]

Im trying to make a button that respawns the player when he dies, it works but the text "Restart" covers the button. How can i make the text like transparent?

[mortal robin]

change the alpha of its color

[dry rover]

trying to create a chess move history panel, I wrote the script, but Im not sure the best way to show the info during game play, I thinking scrollview? but anybody have suggestions?

[mortal robin]

Vertical layout group in a scroll view sounds pretty typical

[crystal violet]

Having an issue where a small gap appears at the top showing the game when I'm trying to hide it (a pause menu is supposed to obscure it). This only occurs when I set my game view to 16:9 aspect ratio.

[low pike]

Show the inspector for your canvas game object
Show the inspector for the background image

[pseudo sierra]

Hey im having real issues with the layout groups, and cant find a good tutorial about it, do you have any suggestions?
my problem is that the tutorials show only the basic uses but it you try to do something tiny different all hell break loose
SOS

[mortal robin]

What are you trying to do and what is going wrong

[pseudo sierra]

so many things 🥲 . should i make a list?

[mortal robin]

Just focus on one thing at a time

[pseudo sierra]

the most annoying is when i use vertival/horizontal layout some elements cant be stretch , so i need to resort to silly hacks

I try to anchor it and it jump back... sometimes it workd but then give length -XXX and i need to manually remive the - and it works-ish
sometimes it will start on the wrong place. and mess everything up
im sure im just missing something out, it cant possibly be that bad

[pseudo sierra]

this is the first issue

[mortal robin]

What do you mean by some elements can't be stretched?

[pseudo sierra]

for example
wtf is going on here? i enchored it to stretch and it got backwords, but all the elements inside are on place...

[mortal robin]

You have width set to -550

[pseudo sierra]

here, the text starts before

[pseudo sierra]

this is what im saying... the layout did it, not me

[mortal robin]

The layout doesn't change the size of itself

[pseudo sierra]

i can remove it and it will kinda work, but i refuse to keep doing hacks, im sure im doing something else wrong

[pseudo sierra]

ok ill record the screen for you

@mortal robin sorry me recording software didn’t work

nothing working like it should with the elements inside the layout, you can also see that the texts are starting before the edge of the container...
so many things are fucked there, i assume i did something wrong along the way but i have no idea what

[pseudo sierra]

but that object have layout component too, maybe they interfere?

[low pike]

does the parent game object have a layout group on it

[pseudo sierra]

yes

parent

problematic child

if i give the child anchor stretch it gets -width, and if i remove the - it kinda work but stuck to the left even thought the parent is not

any clue what's happening? @low pike

[low pike]

ok, for a start, never change the scale on the rect transform*. You're going to have bad things happen because your scale is not uniform. Keep it at 1,1,1.
Only use width/ height to change the size.

• unless animating

[pseudo sierra]

i didnt change it manually ): i only saw it now

[low pike]

what's the hierarchy - do any of the parents of the background have their anchors set to not be flush with the top edge?

[low pike]

nothing else changes the scale

[pseudo sierra]

gtg now, can we get back to it in 3h?

[low pike]

just ask someone in the channel - if I'm here and I see it great

[crystal violet]

LevelLoader (an empty GameObject meant to keep things organized, with a transform set to 0) -> CrossFade (the canvas) -> Image

do any of the parents of the background have their anchors set to not be flush with the top edge?

How do I check if it is?

[low pike]

look at these

[crystal violet]

The image object's transform looks similar to the one above; pretty default with max stretch.

This is the Crossfade object's rect transform 👇

There does seem to be a solution in Canvas

If I set the Render Mode to Screen space - Camera rather than the default Screen space - Overlay

Messing around with that rn

Yep works

thanks for the help

[peak shale]

Hey, I have a button and a Scrollbar, when I press the button it turns to its "selected" color. But when I press the scrollbar, the button is no longer "selected" and I do want it to stay in its "selected" color. How can I achieve this?

[fierce rampart]

Hey there! Can anyone tell me how to enable the Achor Presets? As you can see their disabled in my Inspector.

[mortal robin]

does this object have a parent?

[fierce rampart]

Yes it has. Its a blank GameObject.

Saw that one in a tutorial where the user was doing the same and for him it worked out using this method.

[mortal robin]

It needs to be a child of a canvas

with another RectTransform

[fierce rampart]

Actually it is, the GameObject its the Parent of the Canvas.

[mortal robin]

and Healthbar has a REctTransform too?

[fierce rampart]

Game UI (Canvas) and both Healthbar (Image) and Fill (Image) do have a RectTransform but without Achor Presets.

[mortal robin]

Seems like maybe just a bug in Unity

try restarting

[fierce rampart]

As usual 😄

Ill try it out, 1 sec

Still no presets.

[fierce rampart]

any else idea?

[mortal robin]

If you make a fresh canvas does it work?

[fierce rampart]

It actually does.

[mortal robin]

So maybe just recreate it

Other suggestions would be:

• Make sure all your packages are up to date
• Make sure you don't have any third party plugins interfering
• Upgrade to a newer version of Unity

[fierce rampart]

Are there some features in the Canvas Inspector that do effect that cause ive needed to change some. But from what ive tested there wasnt anything changing that.

[fierce rampart]

Can anyone tell me what caused that? There should be my HealthBar but instead of that there are just this
red crosses. The problem occurred after restarting the program.

I absolutly have no clue how to solve the problem or what might cause that.

[low pike]

it's caused when the width/ height have negative values

[fierce rampart]

I found out the same so far but im wondering how that happend and also, I cant undo some of the visual problems.

[fierce rampart]

As soon as ive recreated the UI and started the game twice the same problem occured. So if anyone has a clue what could cause that, let me know.

[whole drum]

A layout group doesn't seem to update itself when its parent is disabled, is there anyway to force update is? I've tried ForceRebuildLayoutImmediate and MarkLayoutForRebuild from LayoutRebuilder and also ForceUpdateCanvases, no luck there. What is happening is that I'm loading what is inside the layout group at runtime, but I need the correct positions of them before they're enabled.

[urban spindle]

complete UI noob, why are they different sizes if they have equal scale? canvas is set to scale with screen size

[low pike]

Never change the scale, keep that at 1,1,1.. use height/ width to change the size

What you want here though, is a parent object with a vertical layout group, and these two as children

[urban spindle]

wdym verticle layout group?

[topaz walrus]

hi

one question, on preview the resolution is ok but when i build all gone

[mortal robin]

You need to anchor your UI elements properly

[full heath]

Btw, why are you playing on 0.29x scale?I'm new on game developing but as far as I know it should be always 1x since is the scale the build will be. Someone please correct me if I'm wrong

But yeah, it's an anchor problem. It was hard for me to understand the anchors at the beggining but once you know how they work it's very easy to use them.
https://docs.unity3d.com/Packages/com.unity.ugui@1.0/manual/UIBasicLayout.html

[lilac egret]

I have a problem - i'm using a combo of sprites and UI elelemts to build the menu and will be using the same for the game too (2d). I'm using UI becouse of anchors and sprites becouse they are easier to use. They dont combine well together tho. The reason why i don't use imges for the decoration is becouse they can't be rotated on a shader level (I'm using shaders for the dynamic moving patterns on the rectangles), as seen in image 2. Idk how to aproach this anymore.

[full heath]

Look this: https://docs.unity3d.com/Packages/com.unity.ugui@1.0/manual/HOWTO-UIWorldSpace.html
If this is what you want there are some tutorial on youtube that explains this better

[full heath]

I use this for a simple example where I need a particle system on my UI

[eager wharf]

Hello! I'm pretty new to UI creation, so I've been watching some tutorials and I've seen that some people have a 'ball' or 'circle' source image. At first I assumed this was build into unity, however I do not have what they have. (Multiple tutorials). My first thought was to just import an image of a circle, although I dont know if this would work since I'm trying to make a circle progress bar, and I need to use the fill amount feature. Does anyone know what I can do.
Also I apologize if the answer's very simple 😅

[mortal robin]

There's a default circle sprite in the 2D sprite package

But it's really just a white circle image afaik

[eager wharf]

So would I download this from the package manager?

[mortal robin]

Assuming it's not already installed in your project

[eager wharf]

I dont believe it is...

also my apologies for the late responses. Im packing for a trip

[storm stream]

randomly had a bunch of my RectTransforms get values replaced with NaN

any idea why that could happen?

[amber gull]

I'm trying to create an inventory and hotbar with slots...
It is essentially just a background image with square images in a layout group.

I have set the spacing to 6, but for some reason it is impossible to actually force it to be 6. Different spaces have 1 pixel difference for some reason. Same issue with different layout components. Any clue how I could fix this small, but annoying issue?

Easy to see that the spaces are changing when you move it a bit:
https://streamable.com/bck1oz

[mortal robin]

where is this recording from? Scene view?

[amber gull]

yes, scene view
but game view has issues as well

[mortal robin]

What resolution is game view set to

[amber gull]

1920x1080

[mortal robin]

Basically I'm wondering if it's some interaction with the pixel perfect canvas and your canvas scaler and the resolution

[amber gull]

I also removed the pixel perfect options from stuff on the picture, but still have it on camera itself

fiddled around quite a bit with everything, nothing mattered really

same with built game in full screen if that could matter in any way

[eager wharf]

hey hey, apologies for bugging you again. After installing the 2D sprite package I'm still unable to use any of the placeholder sprites. Could I still control the values used to cut it in a circle without the placeholder sprites? (<- if I were to use my own sprite instead)

[full heath]

Try changing on the Grid Layout Group the Child Alignment to Upper Center or Middle Center

[amber gull]

didn't see any changes :/

[full heath]

But I think is due to your Fixed Row Count, since the Hotbar slots game object is not big enough to store all the slots with the space

I will also suggest to add the component Grid Layout Group to your hotbar panel game object

[amber gull]

the video was cropped, I have enough room on all sides

hm, will see how that last suggestion goes

[full heath]

This way and with the child alignment on center it should be better

[full heath]

You have space on your hotbar panel game object but it looks that your hotbar slots (the one you are resizing) is constrainig the elements inside

[amber gull]

the issue was same when it was way larger as well

[full heath]

That's weird then

[amber gull]

yeah it is pretty strange, I've been on it for hours in total 😄

moving the group up in hierarchy also doesn't seem to do the trick, but thanks for the suggestions

[full heath]

Also you have Pixel Perfect enabled on your Hotbar Canvas, I just see that

[amber gull]

yeah already turned it off some time ago, changes nothing for given issue

but i do have it on my main camera

then again disabling that only changes my world scene, not that UI

[full heath]

I don't know anything more to suggest, sorry I can't help you more.
I don't know how is your padding, but with chil alignment on center you can put 0 on Left and Right, maybe the padding is high

[amber gull]

I'll see what happens if I disable the padding and just make my slots smaller

atm even with padding 1, some slots have none

[full heath]

Also, why do you have another Grid Layout group on your slot elements? Maybe this is conflicting with the layout on the parent

[amber gull]

it is easy way to center an item that is being dropped there

for the science, I'll see if removing those helps, after I'm done with the other test

really appreciate it

I have to play around with the sizes a bit to be sure... but I think removing the padding and only using smaller slots did the trick
thanks again ❤️

one can go mad when debugging these things 😄

[supple basalt]

@kind storm you want to adjust the Left and Right bounds of the Handle Slide Area

You will also need to adjust the Left and Right values on the Fill Area

These values represent how many pixels of space you have on the left and right sides

0 should be a good starting point though

because that means the fill and slide areas are exactly as wide as their parent

and both are children of the slider object

[kind storm]

Ohhh thanksss! I'll take a look at it tomorrow :>

[supple basalt]

figuring out how the Slider works was a big step in understanding UGUI as a whole, haha

[primal burrow]

@supple basalt I made two versions of the background one using game objects and one using the canvas I went with game objects because I couldnt figure out how to put other game objects infront of the ui background I had made

[supple basalt]

(to clarify, both of these are using game objects)

it's just a matter of using a sprite renderer vs. a Graphic (which gets drawn by the canvas)

So one option would be to just use a "Screen Space - Camera" canvas

You'd create a second canvas and switch it to that mode

A "Screen Space - Camera" canvas is positioned in the world (at 100 meters from the camera, by default)

So it'll wind up behind everything by default. Normally, that's a nuisance, but that sounds useful here.

[primal burrow]

one moment

as I try to find what youre talking about

I appreciate the help too

thank you

[supple basalt]

Make a new Canvas and have a look in its inspector

[primal burrow]

found that

[supple basalt]

The SpriteRenderer one is not working because SpriteRenderer has no understanding of RectTransforms -- it just draws a sprite when the camera looks at it.

So it'll get positioned, but it won't draw in the area you want it to

[primal burrow]

So I swapped out the background with ui componets using the new canvas like you said but now its not displaying the background on the game view

[supple basalt]

Does your other canvas have a gray background on it?

The original canvas is still drawing in "Screen Space - Overlay" mode, so it's being drawn directly on top of everything else

[primal burrow]

no but the camera does

[supple basalt]

show me the inspector for the background image's object

[primal burrow]

I think I just used a simple panel to make them and slapped a image on them

[supple basalt]

first, set all of these values to 0

left/top/right/bottom

[primal burrow]

done

[supple basalt]

then go to the parent object (it's called "scene" in your screenshot and set it to stretch in both directions and have left/right/up/bottom values of 0 as well

[primal burrow]

would it be better to just delete that?

[supple basalt]

if you don't need it, then yeah

[primal burrow]

and save the work for rn

ok updated both to be at 0

ohhhh

[supple basalt]

also, why is there a "foreground" object?

[primal burrow]

the grass was the fore ground

both are 'background items' I just had them split for later on stuff so that I could change out the scenes

I see both on the camera now

So now when I increase the game view the canvas flips the images themselves

[supple basalt]

show me what that looks like

[primal burrow]

can I post clips in here?

[supple basalt]

you can post images and videos

[primal burrow]

ok

I'll just do a before and after

[supple basalt]

is "Game Items" also a canvas?

[primal burrow]

no thats just an empty that houses game objects

[supple basalt]

there's a RectTransform on "Gamebounds"

which is very odd for something that isn't UI

[primal burrow]

thats an empty trigger box for one of the games mechanics

[supple basalt]

okay, but that doesn't answer the question

or are you using RectTransformUtility methods to check if something is inside that region?

[primal burrow]

yes

[supple basalt]

i see

[primal burrow]

game items isnt a canvas

[supple basalt]

inspect your scene canvas object

[supple basalt]

and how about when you've changed the game view size and your images have gotten screwed up?

[primal burrow]

yeah when I change the game size it appears to flip them if you give me one sec I can make a short clip showing you what I mean

[supple basalt]

the red "X" indicates that the images now have a negative height or width

[supple basalt]

inspect the "foreground" object again

[supple basalt]

Put the scale back to [1,1,1] and set the left/top/right/bottom values to 0

Also set the Z position to 0

That could be relevant

[primal burrow]

it very much was

[supple basalt]

especially with the screen space - camera rendering

since you can actually get perspective effects there

[primal burrow]

everything is popping up too like how its supposed to

thank you so much

[supple basalt]

np (:

Children render on top of parents, and later siblings render on top of earlier sibilngs

Maybe another object is drawing on top?

[supple basalt]

notably, pauseMenu

or anything parented to it

[fervent yarrow]

How do I make sure all the "Answers" are lined up perfectly in a nice grid?

[low pike]

Look at the Layout groups (Horizontal/ Vertical/ Grid)

You can use a combination of hor/ vert , or just a Grid layout - I never use the grid layout because the cell size is fixed, it doesn't resize when the resolution changes

[supple basalt]

Indeed. The main thing to know when using layout groups is that you need groups all the way down to individual layout elements or graphics

• Rows <-- VerticalLayoutGroup
  • Row <-- HorizontalLayoutGroup
    • Button <-- VerticalLayoutGroup
      • Text <-- Nothing

e.g.

even if you only have one child, you still want to have a layout group

I need to write some kind of blog post about this. The default settings are a bit bad (you want to turn off Force Expand and turn on Control Child Size)

[kind storm]

Hi there @supple basalt the problem is that i'm doing it with with UI toolkits and I can't find that handel slide area property

also i've made the slider point bigger by changing that... and i don't think is the right way to do that...

[supple basalt]

oh, if this is UI Toolkit, then you need to look in #🧰┃ui-toolkit

I'm not familiar with UITK

[eager wharf]

When creating a ui element that uses the material of a shader, the shader is black in game but the correct color in the editor and graph

[mortal robin]

WHen you say "in game" you mean in a build? On what platform?

[eager wharf]

When I say in game, I mean either a build or just running the game in general (after I press the play button from the editor)

[mortal robin]

What about just in the game view (not scene view), before you hit play?

[eager wharf]

Same issue

[mortal robin]

ok so your shader or material just isn't appropriate for UI I guess

what shader are you using?

[eager wharf]

Strange. I’m using an unlit

[mortal robin]

It needs to be specifically made for UI typically

[eager wharf]

Hm. I mean the shapes appearing and everything, just not the color. I even got desperate enough to make a second after following a tutorial (still same issue)

[mortal robin]

wdym by "shapes"

[eager wharf]

Oh okay. Forgot to explain this. I’m just making some simple shapes using some nodes and then cut out the black space. For instance, I made a circle

Although I’m trying something now which might fix it

[mortal robin]

Did you actually make it a UI graph?

For example in URP you need to select Canvas:
https://docs.unity3d.com/Packages/com.unity.render-pipelines.universal@17.0/manual/canvas-shader.html

[eager wharf]

I fixed it. I just had to change the screenspace-overlay to screenspace-camera.

Stupid me. Thanks for the help though!!

[lethal breach]

Has anyone figured out how to reference TMPro from within a asmdef script? Currently using com.unity.ugui@2.0.0. I am able to reference TMPro successfully without asmdef, but under asmdef it doesn't exist.

[mortal robin]

You have to reference the package in your assembly definition

I.e.

[lethal breach]

I know that, but that is the issue though. It doesn't show up for me.

[mortal robin]

try restarting Unity - or edit the asmdef manually:

    "references": [
        "GUID:6055be8ebefd69e48b49212b09b47b2f"
    ],```

[lethal breach]

Restarting didn't help either. But I will try manually. Thanks for the GUID.

[lethal breach]

Thanks. Adding manually did the trick.

[jagged leaf]

why are the buttons hitboxes are weird

or maybe its something different

i dont know

[mortal robin]

Take an actual look at their RectTransforms in scene view

[jagged leaf]

loks fine

[mortal robin]

Use the rect tool

[mortal robin]

Look at the children too

E.g. the Text

[mortal robin]

There ya go

[jagged leaf]

oooh

tysm

[void lynx]

does anyone know how to grab the gameobjects and stuff that a dropdown creates

like i wanna grab each value's gameobject (which in the template is called 'item') at runtime to change certain child objects in it.

How do i do that via script, as for example when adding a script to the Content that triggers something in the main script that executes what i said above, it just looks at the template and not the shit it instantiated?

[dark night]

I'm new to Unity UI and struggling mightily trying to get a grid that will dynamically re-size depending on screen size . The grid is made up of individual gameobjects for each cell, each with a RectTransform. I'm trying to constrain the grid inside the gray rectangle (which is also the parent of all the cell objects). But as you can see in the other image, if I go full screen, the cells don't re-size. (I know they're not constrained in the image with the larger cells, but I previously accomplished that, but now it's just a mess from so much trial and error)

I've been working at this for like 2 days and can't figure it out, feeling pretty dumb. The reason I have gameobjects for each cell is because I want each to be clickable and contain coordinate info. My intention is to allow dragging of bocks that "slot" into the grid cells.

Super grateful for any tips!

[rapid ferry]

Are you using the Grid Layout Group component so that they automatically grid themselves?

[dark night]

I did try using that, yeah. But it doesn't seem to provide the dynamic/responsive sizing I need. For example, small game window vs full screen game window

I also have a Content Size Fitter, but perhaps not using it correctly

Seems like it might not be possible without some extending, unless something has changed since this thread:

https://forum.unity.com/threads/flexible-grid-layout.296074/

[jagged monolith]

Grid group is a bit lacking. See Fen's post above #📲┃ui-ux message

[celest lodge]

how can i make the objects in this group move upwards instead of downwards? the select box is the box for the notificaitongroup

[jagged monolith]

child alignment bottom left

[celest lodge]

that doesnt work

[mortal robin]

What's your end goal here? WHat do you want to accomplish?

[void lynx]

Each dropdown item has 5 images contained in it. These are for displaying different colors within esch color scheme (so each scheme has 5 colors, which are shown on those 5 images)

Each dropdown item is a color scheme, and i want to be able to update each image of each dropdown item

[mortal robin]

Basically you can override TMP_Dropdown, and override this function:
https://docs.unity3d.com/Packages/com.unity.ugui@3.0/api/TMPro.TMP_Dropdown.html#TMPro_TMP_Dropdown_CreateItem_TMPro_TMP_Dropdown_DropdownItem_

[void lynx]

Hasn't even thought of overriding - thank you!

this looks like it'll do lovely :33

[wide night]

anyone knows how i can make a circkel fill itself up

[dark night]

I'm going to try the Flexalon asset. Feels like it was made to address gaps like this

[misty lagoon]

Hey, is there an event alternative for the Transform.hasChanged flag for RectTransform?
EDIT: Apparently there is https://docs.unity3d.com/2018.4/Documentation/ScriptReference/EventSystems.UIBehaviour.OnRectTransformDimensionsChange.html , looking into it.

One solution I found using UIBehaviour.OnRectTransformDimensionsChange results in this (rather ugly) code, do you have better ideas?

protected override void OnRectTransformDimensionsChange() => OnDimensionsChange?.Invoke();
public Action OnDimensionsChange;

[eager plover]

Hello can someone tell me what the issue is with this Box Collider 2D? It seems to be rotated 90° to the direction of the camera.

At the beginning of the gif the object its on has rotation 0,0,0. I then change the Y rotation of the object.

I need the collider to span the white box when the objects rotation is 0,0,0.

[misty lagoon]

I dont think 2D colliders are ment to be on UI-elements?

[mortal robin]

Yeah why do you have a Collider on a UI element

2D Colliders are permanently on the x/y plane

[eager plover]

I have a prefab for a on-screen joystick that has a field in the inspector for a 2D collider that enables limiting the area where the user can drag the stick.

[mortal robin]

using a 2d collider for that doesn't make a lot of sense

since colliders live in a completely different coordinate space than UI elements

[eager plover]

I didnt make that component, so I guess Ill have to check back with the person who did and ask how he intended this being used.

[mortal robin]

indeed

seems like a poor design choice

A RectTransform would be better

[eager plover]

Yeah Ill ask the guy about that. Thanks for clarifying, I am not too well versed in UI and 2D stuff myself.

[limpid torrent]

is there an easy way in Unity to make rounded box borders like this?

[mortal robin]

https://docs.unity3d.com/Manual/9SliceSprites.html

[static monolith]

When I apply a textmeshpro outline it makes an ugly outline centered on the bounds of the letters, so the ouline clips inside. I can use the underlay to fix that, but I'd like to use that to also make a shadow effect, and its also not wide enough as an outline. Any ideas? Thanks

[celest garden]

I have a problem, i made list of objects/graphics, but when i enter playmode it shriks to object size, and changes back if i change anything, but when i add CSF component it moves object/graphic, is there any way to fix it?

[fresh valve]

There is a problem with canvas ordering. There are two canvases, both have the same order. For example canvas A is rendered on top of canvas B. The problem is UI events (click) does not work for canvas A and instead, it works for canvas B!

Canvas A contains several buttons. It does not work when CanvasB is active
If I increase Canvas A order, it would be OK

[fresh valve]

Now, I resolved it. The problem is because of render mode. Both have screen space- camera render mode! but why?
If I change them to regular screen space - overlay, it is OK but I want screen space- camera

[lilac egret]

I wanna make my custom UIsprite for a button, but it don't work. What do i have to fix?

[fast meadow]

You don’t need to make it multiple sprites in the texture importer

[lilac egret]

what?

btw i followed this tutorial for button sprites
https://www.youtube.com/watch?v=vleull-aONk

but i need a stretchable one

3x3 spritesheet that works

like UIsprite

[bleak geyser]

When I add a UI element into my scene, Unity creates a bunch of gameobjects with all many components

Is there a good way to know what does which ? And which ones I can safely remove ?

[pure hatch]

Hey everyone, how can I get my pixel font to look crisp?
Unfortunately TMP smooths out the edges

[orchid vale]

https://gyazo.com/2b6bb54446c75415ab86ce1030589362

Trying to use materials for my UI

It is visible in prefab mode, but in play mode it all goes invisible

[broken cliff]

They typically are all needed

But give an example

[silver crypt]

https://cdn.discordapp.com/attachments/497872424281440267/1254570752389287957/Screenshot_2024-06-24_075206.png?ex=6679f990&is=6678a810&hm=d33cd7454b0323b7699befdc4aea02c62b4f1d27d099a69d5c94e71a79812729&

https://cdn.discordapp.com/attachments/497872424281440267/1254570747355988028/Screenshot_20240624-075443_Stop_The_Car_Classic.jpg?ex=6679f98e&is=6678a80e&hm=8dfe6000bb9ad43e592ce7f9a8b22151d7b39953a0919a78d53e49ae7687cd13&

does anyone know

why ui here is disorting?

the first one is unity (what I expect)

and the second one is build

[mortal robin]

Presumably you didn't anchor your UI elements properly

[silver crypt]

umm but

the first one is normal

[silver crypt]

but why only final build is disorted

[mortal robin]

different resolution

Test different resolutions in the editor via the game window resolution drop-down

[silver crypt]

so probably

I should change to

constant pixel size

but I already did that

[mortal robin]

I don't see why you would use constant pixel size

But that's scaling

I'm talking about anchoring your UI elements

[mortal robin]

You need to read this
https://docs.unity3d.com/Packages/com.unity.ugui@1.0/manual/UIBasicLayout.html#anchors

[jagged mesa]

I'm having a problem related to vertex colors being reset on TextMeshPro components in a camera space canvas. I have a type writer effect that sets every letter's vertex color alpha to 0 and then loops through every letter of my text and sets the alpha of each vertex to 255. This works completely fine until ANY change to the camera's FOV is made. As soon as the FOV changes due to my character sprinting, every single character on every single TMP text in this camera space canvas has it's alpha reset to 255. I've tried caching the alpha values that the characters should be and setting them in late update every frame to override the changes made by the camera updating, but I just end up getting this horrible flickering effect. If anyone has any tips, that would be very much appreciated.

[silver crypt]

POV: Me
Made a gameobject for a button
But they dont work on different screen resolution but I am to tired to make it as a ui 💀

can I add animations on ui too?

wait

[silver crypt]

in my opinion, this is better

[severe heart]

why my text is blurry, what am i doing wrong?

[mortal robin]

You would have to show your settings for it

can't tell anything from this picture

[severe heart]

i fixed it by messing around with size and width/height

but still so dumb that i had to do that to make it clear

and now im having a 2nd problem, the text does not show in game

[mortal robin]

#📲┃ui-ux message

[mortal robin]

more context like - where does this lie in the hierarchy, what kind of canvas is it in, where did you position it, etc... are all needed as well

[mortal robin]

ok so you're using Legacy text

so that explains a lot about the blurryness

[severe heart]

well im following a tutorial, thats what the guy did

[mortal robin]

you've also positioned it completely OFF the screen

which explains the rest

[severe heart]

but i can see it in the camera

[mortal robin]

Overlay canvases have nothing to do with cameras

you're likely making the typical rookie mistake here of trying to position the UI according to your game camera

If you double click your canvas in the hierarchy it will show you the full extents of the canvas/screen

position your UI elements accordingly

[severe heart]

so wait a second

ur saying that big frame

is the screen

[mortal robin]

That's your screen yes

do yourself a favor and open the game view window side by side with your scene view

and you can see the UI updating there in real time as you position stuff in the canvas

[severe heart]

i am using the text mesh pro thing now, which is way more clear, but how do i cant drag it into a script public thing

[mortal robin]

You have to change your field type from Text to TMP_Text

[mortal robin]

Text is the legacy text

TMP_Text is textmeshpro text

[severe heart]

oh yeah i just changed it

now it works

[split stone]

how can i fix my u.i when changing resolution? some are fine but others dont stay put

[severe heart]

nvm i still cant drag it

am i doing smth wrong?

[azure flame]

See layout link in the pinned messages top right. There are also tutorials on Unity !learn teaching how to use anchors rescalable UI components.

[onyx flower]

:teacher: Unity Learn ↗

Over 750 hours of free live and on-demand learning content for all levels of experience!

[split stone]

tanks

[azure flame]

You are rescaling text element there, it's probably part of your problems. Never rescale UI or its parents, it messes up with fidelity, it should only be used for temporary animation. Set element size instead.

[severe heart]

[ashen goblet]

how do I add animation on an imported panel

[azure flame]

Easiest way is with Unity animation. You should contain the element in own canvas probably as well to not redraw entire UI each time it changes.

[ashen goblet]

I added the sprite to a panel anf an animation with the animatuion on it but when I play it dosent work

[azure flame]

You can find resources pinned in #🏃┃animation explaining how it works

[ashen goblet]

how do I add a custom font

[mortal robin]

https://docs.unity3d.com/Packages/com.unity.textmeshpro@4.0/manual/FontAssets.html

[nocturne valley]

Had a rendering bug with Unity where child ui objects were not rendered in the correct order. Where's the documentation for rendering order by hierarchy?

[mortal robin]

https://docs.unity3d.com/Packages/com.unity.ugui@1.0/manual/UICanvas.html#draw-order-of-elements

[celest garden]

I made menu for my (fan) game, and separated buttons to different images, but now their "collisions" are squares and they cross each other, is there any way to fix that?

[mortal robin]

You need to go to the sprites themselves and make sure they're imported as "tight mesh" rather than "full rect"

[celest garden]

they are

[mortal robin]

can you showe the inspectors for them

[celest garden]

rn no.. 12 AM for me.. i remmeber trying both

[mortal robin]

I wanted to see other things too

[celest garden]

mostly likely tomorrow

[mortal robin]

but if you're not available at your PC right now kinda hard to work on this

[celest garden]

yep, gonna try to do smth and text here again (tomorrow)

[low pike]

... what? 😄

[tight lance]

I am trying to use horizontal layout group but it sets every child object transform to 0.
So it looks like it. Content has Horizontal layout group(child force expand enabled both) and content size fitter(prefered size both).

[low pike]

What components are on the children?

[tight lance]

image

[low pike]

If there's nothing with size, then it'll be 0

an image shouldn't go to 0 tho

Do you want the layout group to control the size of the children ?

[tight lance]

Yes

[low pike]

you can put a layout element on that object, and set the preferred size

[tight lance]

Will this method be compatible with other resolutions as well?

I create a few prefabs in a certain area and I want it to fit in.
Obviously, in order for the prefabs to fit in this area, the layout group needs to control the dimensions of the child objects. But its just not scaling

[limpid torrent]

@supple basalt you mean this?

[supple basalt]

This is part of a VerticalLayoutGroup. That means it's going to be put below everything else

If you want it to fill all of the space of its parent, you need to:

• add a LayoutElement and set it to ignore layout
• Set the RectTransform to stretch in both directions

then set left/right/top/bottom all to zero

[limpid torrent]

okay, add the LayoutElement to PlayerRow?

[supple basalt]

Right.

This will prevent the parent's LayoutGroup from affecting it

[limpid torrent]

what do you mean by "Set the RectTransform to stretch in both directions"? on the PlayerRow? @supple basalt

so, again this is the layout..

or do you mean on the Vertical LayoutGroup to Child Force Expand?

@supple basalt idk, i'm trying different arrangements and keep getting the same problem

[supple basalt]

On PlayerRow, yes.

[supple basalt]

Your vertical layout group should be set to control child size, and to not force-expand children

This will probably break your layout

[supple basalt]

ah: I misunderstood where PlayerRow was. I thought it was a child of the actual row

[supple basalt]

You should still go ahead and set the vertical layout group like this.

After doing that, show me the scene view with PlayerRow selected.

[limpid torrent]

okay..

and this is the LayoutGroup:

still the same problem

[supple basalt]

LayoutGroup has a height of zero

[limpid torrent]

oh

[supple basalt]

After fixing that, switch to the Rect tool (second from the bottom in that list) and show me what PlayerRow looks like in the scene view

[supple basalt]

Note that you might want a ContentSizeFitter here, so that LayoutGroup adjusts to fit its children

You're making a scroll view, correct?

[limpid torrent]

yes

[supple basalt]

That means the content can grow beyond the size of the Viewport

which will then mask out everythign that's out of bounds (if it has a Mask component, at least)

[supple basalt]

ContentSizeFitter makes the object ask its children about how much space they want

[limpid torrent]

so i think i should set Horizontal Fit to Preferred Size

[supple basalt]

You only really need vertical fit

The LayoutGroup object can already just stretch to fill its container

(that's how you have it configured)

[limpid torrent]

ok

[supple basalt]

If PlayerRow doesn't need to automatically resize itself (e.g. it contains a fixed amount of content), you can slap a LayoutElement on it

This lets you manually configure how big it should be

Give it a minimum height that's big enough to fit its children.

[limpid torrent]

i don't actually have the Rect tool on mine, in Unity 2023...

that's with the second row selected

still having the same issue, experimenting with different setups

[mortal robin]

The rect tool is right there

[mortal robin]

2nd from the bottom

[limpid torrent]

ok, so here is that view..

[supple basalt]

0 pixels wide!

Show me the inspector for PlayerRow again

[supple basalt]

I need to see its LayoutElement

If you haven't added one, do so now

[limpid torrent]

yeah, it had one

ok fixing that

[supple basalt]

Give it a flexible width of 1, so that it'll fill the horizontal space

That tells its parent that it can accept any leftover width

[limpid torrent]

ok, gave it flexible width of 1

but yeah, the button only hits if it's about 20 pixels below the row

[supple basalt]

LayoutGroup's "Right" is set to 188, so it has a 188 pixel margin on its right side

that may be getting in the way

[supple basalt]

Now show me the inspector for the "Player one" text object

TxtPlayerName, looks like

[supple basalt]

Its pos Y is -16.7

I guess it's kind of positioned right

You should set the text to be centered and then fix the width and height

[limpid torrent]

ok

[supple basalt]

Pos Y will need to go to 0 ,and Pos X will need to be reduced

[supple basalt]

also, is this an old image? it looks identical to this one #📲┃ui-ux message

[supple basalt]

and in this image, the image has a non-zero width

[limpid torrent]

well i think that is because i had the text object selection in the latter one, the first one had the PlayerRow selected

oh, but i changed the Layout Element to Minimum Width just now too...

since that actually works for the image in the PlayerRow so it shows up

[supple basalt]

fix LayoutGroup having that huge right margin

it might just have a width of zero, meaning its children also wind up getting 0 width

[limpid torrent]

ok this right margin looks better:

[supple basalt]

basically, you should have this:

• Scroll View
  • Viewport <-- Mask, stretch in both directions, 0 margins
    • LayoutGroup <-- VerticalLayoutGroup, stretch horizontally w/ 0 margins, ContentSizeFitter that grows vertically
      • PlayerRow <-- LayoutElement with minimum height of 20 and flexible width of 1
        • Stuff
        • Stuff
        • Stuff <-- this is all manually positioned, so auto layout doesn't matter here at all

[limpid torrent]

i may have found the issue, 1 sec

well, no... but here is a more telling demonstration of what's happening...

the third button down is actually fine, seems like a pivot thing?

idk, i will get lunch

[limpid torrent]

well, i've got it working after understanding things better, thanks Fen

[celest garden]

Hi, wasnt able to send stuff yeasterday, and cant fix problem myself.. can someone help?

[vestal drift]

Hello, I'm having an issue with the scrollview, for some unknown reason, a child image of the scrollview is still showing up when I scroll down.

The image is clearly a child of the view and has no special property or component

The parent Gameobject "Delete" also is an image and does not have this issue, it's really weird.

Here is if I disable the viewport mask, everything shows as expected.

Would anybody have any idea what could cause this problem?

OK found the issue which was dumb... The maskable bool on the problematic image was disabled... No idea why, I must have messed it up previously...

[eager wharf]

Hello. This s probably a very simple fix, but why does my UI appear to be pixelated in my game view but smooth while editing in my scene view and what can I do to fix this? Could this be an issue with anti aliasing?

[mortal robin]

Is your game view zoomed in

[eager wharf]

Currently this is a zoomed version of my game view, but otherwise, no its not zoomed in when actually running the game

[mortal robin]

The slider at the top of the game view says "1.0x"?

[eager wharf]

Yes. As an additional piece of information, the UI is quite small.

[mortal robin]

what are the canvas settings? Can you show more screenshots and context overall?

[eager wharf]

My apologies. These are my canvas settings. Are there any other properties you'd like to see? Currently I just have an empty game object containing my interaction UI, which controls the functionality of these elements. All 3 children listed are images using a shader as their material (more configurable). The progress bar contians text labeled 'tool tip'

[lilac egret]

For some weird reason my image keeps dissapearing in Game

[low pike]

The anchors aren't anchored to anything? Change this to top right.

And - Why is the z pos not 0?

@lilac egret ☝️

[light mulch]

im trying to figure out Scroll Rect component... How do i change the bounds at which the scrolled elements start disappearing.

i made little arrows to show how its overflowing from its inner component. how do i make it so it doesnt overflow like that

[low pike]

use a mask

[light mulch]

oh i have a mask component but is there no way to modify the dimensions of the mask?

i have the mask component on the ItemList gameobject that also has the scroll rect component

[low pike]

of course you can change the size of the mask - the mask component uses the size of the recttransform it's on

[light mulch]

oh interesting
guessing the sprite im using is just a bit off thats making this small issue

[low pike]

That gap could be the scrollbars