Images offseting

I am following a tutorial about tarkov inventory. The video can be seen on TGrace channel. A thing that occurs is that all the icons that I use, they have an offset,like the image is bigger than the actual grid that I am trying to place it. I did some offset modification in the parameters of the icon component that I am using, but if I fix it for small items,like potions, it will not work for other items.

I crop the icons based on the grid that the unreal is using in terms of dimensions, so it is supposed that all icons will be required the exact amount of grids that I want.

I have hit a deadend. What it happens are two things as you can see on the video:

  1. when i press play, everything is sort it out, but you can notice that the sword overlaps with the armor. the grids that each item requires are: sword 1,3, and the armor 2,2). This happens with the first row of the armor. If you place it in the second row of the item, it moves it into a free slot, but still, the sword is overlapping with the first row of the armor.

  2. All items are not centered. I cut them from Photoshop as a perfect rectangle, base on the grid, but still all items are positioned wrong. Also I did a test, and when I cropped one of the items, I left the frame from the grid to see if the issue is that the grids from the Unreal, are smaller compared to the grid that we were provided, and it seems that this might be the issue.

I am a little lost here…

First I would advice you put the images aside for a second and try to make it work with a solid color rectangles 1x1, 1x3 and 2,2;

Next do define an “overlapping” behavior. This should define what happens with the underlying item when you place an item on top of it. I see you have one but I’m not sure what exactly it is.

At the end every time you place an item you walk all underlying cells and if not empty, call the overlapping behavior on each item.