1.7.X | Layout Editor

About

The layout editor is a fully functional GUI editor, modded into Minecraft, allowing you to edit menu screens like you would edit an image in the image editor of your choice.

It imitates its big editor siblings in many things like shortcuts and menu design.

Reaching the Layout Editor

You can reach the layout editor by using the customization helper.

Using the Layout Editor

Using the layout editor is just as simple as using Paint!

When you open the layout editor, you will see a menu containing (mostly) all buttons from the menu you want to edit, but they are not real ones, you can't accidentally click them and open another menu or something.

The Side Menu

One of the first things you will see in a new editor screen is the little arrow on the left side of the screen.
This is the collapsed side menu. You can leftclick this arrow to show the menu.

2

The Add button opens a popup menu with all types of objects you can add to a menu screen.

3

The Hidden button contains all your hidden vanilla buttons.
Leftclicking one of them will make it visible again.

4

Audio contains all background audio files you've added to the menu.
Leftclicking one of them allows you to manage it. You can set it to loop-mode mode and delete it.

5

Save will let you save your created layout and Close closes the layout editor.
Both actions needs to be confirmed to prevent you from accidentally closing the editor.

6

Layout Options

You can reach the layout options by rightclicking the background of the layout editor.

This will open a popup menu with options to:

  • Set background images and animations
  • Set the rendering order to define if the layout should be rendered above or behind default menu elements
  • Set the GUI scale to force the menu to load with a specific scale
  • Set the minimum and maximum needed screen size to load the layout
  • Set layout requirements like the minimum minecraft version, required mods
  • And more

7

Object Options

The object options can be reached by rightclicking any visible object in your layout.
Every type of object has different object options, allowing you to customize and delete the object.

8

Understanding Object Orientations

Every object in your layout has an orientation.
By default, this is always the top-left orientation for all objects you've added to a layout and always the original orientation for vanilla (and mod) buttons that were already part of the menu.

You can change the orientation of an object by rightclicking the object and clicking on "Set Orientation".

9

Your object will then be moved to the origin point of your choosen orientation, which shows you from where its position will be calculated.
It depends on its orientation how an object will act when resizing the window. You can easily test this by resizing the layout editor window.

If your object should always be near the bottom-right area of the menu, you should choose the bottom-right orientation for this object.
If it should be centered in the middle of the screen, try the mid-centered orientation.

The best way to understand the real behavior of orientations is by trying out different orientations for objects and resize the window.

Handling Stacked Objects

Sometimes, multiple objects will be on the same position, making it impossible to reach the object in the background.

Every object in the layout editor has its own layer. You will not really recognize this, until you need it.

By rightclicking an object stack and clicking on the Choose Layer button, you will be able to choose between every object at the position of your mouse.

10

Shortcuts

The layout editor has some very useful and well known shortcuts to quickly navigate through it.

CTRL + ALT + Z

This shortcut will undo the last thing you've changed in the layout.

CTRL + ALT + Y

This shortcut will redo the last step if you've previously used the CTRL + ALT + Z shortcut.

DEL

When an object is focused, you can press DEL to quickly delete the object.

Arrow Keys

You can move focused objects by using the arrow keys.

SHIFT-Click

When pressing SHIFT while resizing an object, it will be resized by its aspect ratio.