Textboxes and Choice Buttons use the same style editor, though styles are kept separate.
The general strategy for using the Style Editor is to select a content type, then choose appearance options or size options for that type.
| Important tip! | |
|---|---|
| Be sure to set a Font in each of your text areas and label areas! If the font is not set, GameMaker will use whatever font happens to have been last used, which may vary during your game and even while using the editor! |
| Interface Icons: | Description |
|---|---|
 | If you've already created a fancy-looking graphic for your textbox, you can use that image for the background of the box. You can set Opacity for the image after you add it. |
 | You can add a background shape, or toggle it off by clicking the button a second time. The background shape can be combined with a background image, used by itself, or turned off entirely. You can set the color, opacity of the shape, and change between rectangle and rounded rectangle from the settings button. The dimensions of the shame can be set using the Draw tool or the Resize tool. |
 | Sometimes, you'll want to show a character picture, or similar graphic, alongside your text. The avatar area is a simply rectangular region; you'll choose what picture goes into the box as you're designing your game. You can set the opacity of the avatar, and use the Draw and Resize tools to define the area. |
 | The area for text. This area is drawn above background the image and background shape. You can set color, opacity, font, and text alignment, and modify the area using the draw and resize tools. |
 | The icon graphic gives you a way to add a graphic on top of other elements. This might be a “continue” icon, but there's other creative uses as well. You can set the image and opacity. |
 | The label area provides a second text region, which is often required when adding character name labels to a text box. You can set color, opacity, font, and alignment, and you can adjust the size and position with the Draw and Resize tools. |
To move Background images or Icon images, hold the Control Key on your keyboard, and drag to re-position.
You can move or re-position Area boxes using the Draw or Resize tools.
- Draw tool : Click once to set the upper-left corner of a region. Click a second time to define the lower-right corner.
- Resize tool : Drag the sides or corners, highlighted in green, to adjust the position of each.