✅ | help

[jagged portal]

You can make sure vanilla widgets stay on top by forcing your custom image behind them. Two quick options:

1. Open the menu bar → Element → Layers and drag your picture element below the vanilla buttons in that list so it renders “behind” them.
2. Right-click the editor background and toggle Render Custom Elements Behind Vanilla; this keeps every custom element (like your image) below the vanilla widgets automatically.

Both tips come from the FAQ’s “How do I change the layering of elements?” section ☺️

[wild pulsar]

how to enable layers

[jagged portal]

To enable the Layers widget, open the menu bar → Window → Widgets → Layers. That will pop up the Layers panel, and you can drag elements up/down in that list to control which ones render on top.
Details are in the FAQ entry about changing element layering 😊

[wild pulsar]

i try to make a picture fit the whole screen but there is just that one little gap how to fix it

[jagged portal]

If you want an image to truly cover the whole screen, right-click it in the editor and enable Stretch Horizontally and Stretch Vertically. That makes FancyMenu automatically resize it to the full width/height of the screen, so no tiny gap remains.
If that still leaves a sliver, make sure the element’s anchor point is a corner that matches where you want it (e.g., the top-left anchor) so it doesn’t keep an offset.

More details are in the FAQ section about stretching elements to the screen.

[wild pulsar]

ok but cant edit the size of picture after that, i only want it in one side not the whole screen

[jagged portal]

If you only want the image on one side, don’t keep the stretch flags enabled—those locks force it to span the entire width/height, so you can’t resize it anymore.
Right-click your image, uncheck Stretch Horizontally/Vertically, then resize it manually and move it to the side you want. You can also pick an appropriate anchor (e.g., top-left) so it stays locked to that corner.
For reference: the FAQ covers how stretching works and how to disable it if you need precise control.

[wild pulsar]

i onlywant immage on one half o f the screen but i also dont want gaps

[jagged portal]

If you want the image to fill exactly one half of the screen without leaving tiny gaps:

1. Anchor it to the corner you want (e.g., right-click the image, choose Anchor Point → Top-Left for the left half).
2. Use Advanced Sizing so it always matches the screen size. Right-click the image → Advanced Sizing and set:
   • Width: {"placeholder":"calc","values":{"decimal":"false","expression":"{"placeholder":"guiwidth"} / 2"}}
   • Height: {"placeholder":"guiheight"} (you can also use the Advanced sizing for height if you need precision)

That makes the image stick to the left (or whichever side you chose) and stretch to half the screen width, so no gap appears. You can read more about using placeholders for precise sizing in the Advanced Positioning & Sizing guide.

[wild pulsar]

wait tell me more detailed idk what to do

[jagged portal]

Sure! Here’s a step-by-step way to cover exactly one side and avoid gaps:

1. Anchor the image to the edge you care about:

   • Right-click the image → go to Anchor Point → pick the corner or side (e.g., top-left for the left half or top-right for the right half).

2. Disable the “Stretch” locks if they’re on (right-click → Stretch Horizontally/Vertically). Those force it to fill the whole screen and prevent manual edits.

3. Use Advanced Sizing for precision:

   • Right-click the image → Advanced Sizing → enable it if needed.
   • Set the Width to half the screen using the Calculator placeholder:

     {"placeholder":"calc","values":{"decimal":"false","expression":"{"placeholder":"guiwidth"} / 2"}}
     

   • Set the Height to the full screen (or whatever fits). For full height you can use:

     {"placeholder":"guiheight"}
     

   • This makes the image always cover exactly half the screen, no gaps.

4. Fine-tune position if needed by nudging the image or using the arrow keys after selecting it.

If that’s still confusing, the Advanced Positioning & Sizing page shows how to use placeholders and calculator expressions to lock elements to precise screen areas 😊

[wild pulsar]

do i jsut paste the codes in?

[jagged portal]

Yep, just paste those expressions into the Advanced Sizing fields (it’s the same text box you’d normally type a number into).

1. Right-click the image → Advanced Sizing → enable it.
2. For Width, paste:
   {"placeholder":"calc","values":{"decimal":"false","expression":"{"placeholder":"guiwidth"} / 2"}}
3. For Height, paste {"placeholder":"guiheight"} if you want it to span the full height.
4. Make sure the image’s anchor matches the side you want (e.g., top-left for the left half).
5. Disable any Stretch toggles so you can still reposition or resize manually if needed.

This is described in the Advanced Positioning & Sizing guide if you want more detail!

[wild pulsar]

there is still gaps

[jagged portal]

Thanks for the screenshot! That tiny gap usually means the image isn’t actually sized to the full half-width of the screen, so you see the menu’s vanilla background through the thin strip.

Here’s what to do:

1. Anchor the image to the side you want (e.g., top-left for the left half). Right-click it → Anchor Point → pick the matching corner.
2. Disable any “Stretch Horizontally/Vertically” locks so you can edit width manually.
3. Use Advanced Sizing (right-click → Advanced Sizing) and paste these expressions:
   • Width: {"placeholder":"calc","values":{"decimal":"false","expression":"{"placeholder":"guiwidth"} / 2"}}
   • Height: {"placeholder":"guiheight"}
4. Optionally, add a tiny padding in the expression (like {"expression":"{"placeholder":"guiwidth"} / 2 + 1"}) if you still see a gap because of rounding or scale issues.

Advanced sizing + anchors keeps the image aligned without gaps while letting you control placement. The Advanced Positioning & Sizing guide has more tips if you want to tweak it further!

[wild pulsar]

i pasted this {"placeholder":"calc","values":{"decimal":"false","expression":"{"placeholder":"guiwidth"} / 2"}} but it still has agap where do i add step 4

[jagged portal]

Since you already set the width to exactly half of guiwidth, the remaining gap is probably caused by rounding or anchor offset. To fix it, adjust the Width expression to add a tiny extra pixel so it slightly overlaps the split line:

{"placeholder":"calc","values":{"decimal":"false","expression":"{"placeholder":"guiwidth"} / 2 + 1"}}

You can keep the same expression you pasted before and just append + 1 (or + 2 if needed) inside the expression string. That’s the “step 4” tweak—adding a small extra value ensures there’s no visible gap because it now slightly overshoots the division.

Also double-check that:

• The image is anchored to the correct corner (e.g., top-left for the left half).
• Stretch toggles are off so the expression controls the size.

If the gap is on the right half instead, anchor the image to the top-right corner so the extra width pushes it toward the edge.

[wild pulsar]

i did this but still has a gap {"placeholder":"calc","values":{"decimal":"false","expression":"{"placeholder":"guiwidth"} / 2 + 1"}}

[jagged portal]

Thanks for testing that expression! If the gap is still there, it’s likely because the image isn’t anchored and positioned exactly at the screen edge, not because the width is wrong.

Try this:

1. Anchor the image to the top-left corner (right-click → Anchor Point → Top-Left).
2. Reset its position so it snaps to 0/0 (you can set X = 0 and Y = 0 via the standard fields or Advanced Positioning).
3. Use Advanced Sizing for width and height:
   • Width: {"placeholder":"calc","values":{"decimal":"false","expression":"{"placeholder":"guiwidth"} / 2 + 1"}}
   • Height: {"placeholder":"guiheight"}
     Those expressions keep the element pinned to the left edge and slightly oversized so no gap remains.
4. Make sure Stretch Horizontally/Vertically are toggled off, so you can manually control size/position.

If you still see a sliver, you can also enable Advanced Positioning and set X = 0 explicitly and Stay On Screen disabled so nothing shifts.

The Advanced Positioning & Sizing guide covers how to anchor and use calculator placeholders like this, so feel free to double-check there if anything seems confusing 😊

[wild pulsar]

when i try to set x to 2 using advances positioning it just goes to 2

[jagged portal]

Thread Message Limit Reached

This support thread has reached the maximum limit of 20 messages. To continue getting support, please start a new thread by asking your question in the #fancymenu-help channel.

Creating a new thread will help keep conversations organized and ensure you get the best support possible.

[jagged portal]

Thread Marked as Solved

This support thread has been automatically marked as solved because there were no new messages for at least 24 hours.

If you still need help, feel free to continue the conversation or create a new support thread.

Marked automatically after 24h of inactivity