Studiocode Tutorials | 3.11 Code Window - Custom Toolbar Icons

Transcript

In this video tutorial we will cover the functionality of the custom toolbar icons in the code window.

First there are two different options to put spaces in your toolbar which are titled space or flexible space. If I access the customize toolbar menu which is covered in another tutorial you'll see these are the first two options.

The space icon is a fixed space that is always the same size so if I drag it into my toolbar you see that is the same size as all the other spaces. The flexible space icon creates a space between icons that is determined by both the size of the code window and the number of icons in the toolbar. You see that it is a smaller size than they fixed space icon.

Now if I close out of the customize toolbar menu we can show the functionality of the other custom toolbar icons. The first is the fonts button. When you click on the font button the font edit window appears. To actually edit fonts you'll need to select the buttons that you want to edit and once you select the desired buttons the font edit window will function here just like in any other part of the program.

You can edit the name hockey or output font properties individually or all at once using the checkboxes at the bottom of the window. Note that the output font is only available for pro and elite users.

Next is the hotkeys button. If you click and hold the hotkeys button the designated hotkeys will appear within the code buttons. This is a useful button to get a quick refresher on your hotkeys if they are not always displayed. If you click the fullscreen button you see that the code window has gone full screen.

Before entering full screen mode you'll want to ensure that you are in the desired mode edit mode code mode or capture mode. I was in edit mode when I click the full screen button so I cannot change modes. To exit full screen coding simply press the escape button. If you want to return your toolbar to the default icons there's a quick way to do this. Simply ctrl click the toolbar and then click customize toolbar.

At the bottom of this menu there's a default set of icons. Simply click and drag that into the toolbar. You also see the inspector and settings icon here in the toolbar. These will be covered in detail in other video tutorials.