Toolbars

From RAD Studio
Jump to: navigation, search

Go Up to View Menu


View > Toolbars

Allows you to choose the toolbars that are displayed in the IDE.

If you right-click an empty area on the toolbar (located below and besides the main menu at the top-left corner of the IDE), you can choose from the following toolbars in the context menu:

Toolbar Contents

Standard

Adds buttons that are used for opening and saving files and other common tasks:

Icon Action Shortcut
NewItemsIcon.png New items
OpenIcon.png Open, with a drop-down list of recent projects and files
SaveButton.png Save Ctrl+S
SaveAllEnabled.png Save All Shift+Ctrl+S
OpenProjectIcon.png Open Project Ctrl+F11
AddOptSet.png Add file to project Shift+F11
RemoveFromProjectIcon.png Remove file from project

Debug

Adds buttons that are used for stepping, tracing, and other debugging tasks:

Icon Action Shortcut
RunWithoutDebugging2.png Run Without Debugging, with a drop-down list of available executables Shift+Ctrl+F9
RunButton.png Run, with a drop-down list of available executables F9
PauseButton.png Pause
ResetButton.png Program Reset Ctrl+F2
TraceInto.png Trace into F7
StepOver.png Step over F8
RunUntilReturn.png Run Until Return

Desktop

Adds buttons to manage desktop layouts. See Desktop Toolbar.

Custom

Toolbar intended to contain actions that do not fit other toolbars. By default it adds the following buttons:

Icon Action Description
HelpContents.png Help contents Opens the RAD Studio help.

Personality

Provides a button that displays the icon of the current personality (either DelphiPersonalityIcon.png Delphi or CBuilderPersonalityIcon.png C++Builder). Click this button to open the About Embarcadero RAD Studio dialog box.

Position

Adds buttons that control positioning and visibility of components on the Form Designer:

Icon Action Description
BringToFrontIcon.png Bring To Front
SendToBackIcon.png Send To Back
CenterVerticallyIcon.png Center vertically Centers the selected controls vertically within their parent control, such as a panel or a form.
CenterHorizontallyIcon.png Center horizontally Centers the selected controls horizontally within their parent control, such as a panel or a form.

Spacing

Adds buttons that control spacing of components on the Form Designer:

Icon Action Description
SpaceEquallyHorizontallyIcon.png Space equally horizontally Distributes the selected controls so that their left edges are at the same distance of each other. Those controls with their top edge in the lowest and highest position are taken as reference, and the position of the top edge of the rest of the selected controls is modified if necessary.
IncrementHorizontallyIcon.png Increment Horizontally Increases by 1 pixel the distance between the left edges of the selected controls. The left edge of the first selected control does not change, the left edge of the remaining controls is modified as necessary.
DecrementHorizontallyIcon.png Decrement Horizontally Decreases by 1 pixel the distance between the left edges of the selected controls. The left edge of the first selected control does not change, the left edge of the remaining controls is modified as necessary.
RemoveHorizontalSpaceIcon.png Remove Horizontal Space Distributes the selected controls so that the left edge of a control is at the same position as the right edge of the control at its left-hand edge, so that controls are horizontally contiguous. The left edge of the first selected control does not change, the left edge of the remaining controls is modified as necessary.
SpaceEquallyVerticallyIcon.png Space equally vertically Distributes the selected controls so that their top edges are at the same distance of each other. Those controls with their top edge in the lowest and highest position are taken as reference, and the top edge of the rest of the selected controls is modified if necessary.
IncrementVerticallyIcon.png Increment Vertically Increases by 1 pixel the distance between the top edges of the selected controls. The top edge of the first selected control does not change, the top edge of the remaining controls is modified as necessary.
DecrementVerticallyIcon.png Decrement Vertically Decreases by 1 pixel the distance between the top edges of the selected controls. The top edge of the first selected control does not change, the top edge of the remaining controls is modified as necessary.
RemoveHorizontalSpaceIcon.png Remove Vertical Space Distributes the selected controls so that the top edge of a control is at the same position as the bottom edge of the control on top of it, so that controls are vertically contiguous. The top edge of the first selected control does not change, the top edge of the remaining controls is modified as necessary.

Platform Device Selection Toolbar

Selects the target platform and device. See Platform Device Selection Toolbar.

Align

Adds buttons that enable graphical alignment of elements on the Form Designer:

Note: Actions that align or resize controls relative to each other use the first selected component as a reference to modify the remaining controls.
Icon Action Description
AlignLeftEdgesIcon.png Align left edges Updates the position of the left-hand side of every selected control so that they are the same.
AlignRightEdgesIcon.png Align right edges Updates the position of the left-hand side of every selected control so that their right edges are aligned (width values are equal).
AlignVerticalCentersIcon.png Align vertical centers Updates the top edge of every selected control so that their vertical centers are aligned (values of top edge position + height / 2 are equal).
AlignTopEdgesIcon.png Align top edges Updates the top edge of every selected control so that they are the same.
AlignBottomEdgesIcon.png Align bottom edges Updates the top edge of every selected control so that their bottom edges are aligned (values of top edge position + height are equal).
AlignHorizontalCentersIcon.png Align horizontal centers Updates the position of the left-hand side of every selected control so that their horizontal centers are aligned (width values/2 are equal).
AlignToGridIcon.png Align To Grid
SnapToGridIcon.png Snap to grid If enabled, controls in the Form Designer are always aligned with the design grid as you move or resize them.
MakeSameHeightIcon.png Make same height Makes the height the same on every selected control.
MakeSameWidthIcon.png Make same width Makes the width the same on every selected control.
MakeSameSizeIcon.png Make same size Makes the height and width the same on every selected control.
SizeToGridIcon.png Size to grid Changes the position and the size of the selected control so that every edge is aligned with its closest line of the design grid.

Browser

Adds buttons that allow browser-style navigation of code in the Code Editor:

Icon Action Description
BackArrow.png Back, with a drop-down list of available code locations Navigates one location back in the code navigation history.
ForwardArrow.png Forward, with a drop-down list of available code locations Navigates one location forward in the code navigation history.

Embarcadero Community Toolbar

Enables the Embarcadero Community Toolbar.

Use this toolbar to access the Embarcadero Social Community from the IDE. See Embarcadero Community Toolbar for more information.

HTML Design

Adds buttons for HTML document elements:

Icon Action Description
FontForegroundColorIcon.png Font foreground color Opens the Color Selector to select a font color.
FontBackgroundColorIcon.png Font background color Opens the Color Selector to select a background color for text.
SubscriptIcon.png Subscript Makes the selected text subscript. If there is no text selected, makes subscript any text you type next.
SuperscriptIcon.png Superscript Makes the selected text superscript. If there is no text selected, makes superscript any text you type next.
ShowTagGlyphsIcon.png Show tag glyphs Shows icons in the HTML designer to represent some start and end HTML tags. For example, it shows an icon on the designer where your HTML code contains a <p> or </p> tag.
ShowBordersIcon.png Show borders If enabled, shows the borders of the selected element.
ShowGridIcon.png Show grid Shows or hides the HTML design grid.
AbsolutePositionIcon.png Absolute position Makes the position of the selected element relative to the HTML page origin of coordinates, that is, its top-left corner.
CreateLinkIcon.png Create link Make the selected element link to an URL. Opens a dialog box to specify the target URL.
InsertInputIcon.png Insert input Opens a dialog box to insert an input element, such as a check box, a button or a text field.
InsertImageIcon.png Insert image Opens a dialog box to insert an image element.
LockElementIcon.png Lock element Locks the selected element so that you cannot accidentally move or resize it in the designer.

HTML Format

Adds standard editing buttons that format HTML text:

Icon Action Shortcut Description
Text style Combo box to choose or enter the style of the selected text. If there is no text selected, defines the style of any text you type next.
Font family Combo box to choose or enter the font family of the selected text. If there is no text selected, defines the font family of any text you type next.
Font size Combo box to choose or enter the font size of the selected text. If there is no text selected, defines the font size of any text you type next.
BoldIcon.png Bold Ctrl+B Makes the selected text bold. If there is no text selected, makes bold any text you type next.
ItalicIcon.png Italic Crtl+I Makes the selected text italic. If there is no text selected, makes italic any text you type next.
UnderlineIcon.png Underline Ctrl+U Makes the selected text underlined. If there is no text selected, makes underlined any text you type next.
AlignLeftIcon.png Align left Aligns the selected element to the left.
CenterIcon.png Center Centers the selected element.
AlignRightIcon.png Align right Aligns the selected element to the right.
JustifyIcon.png Justify Justifies the selected element.
OrderedListIcon.png Ordered list Creates an ordered list.
UnorderedListIcon.png Unordered list Creates an unordered list.
DecreaseIndentIcon.png Decrease indent Decreases the indentation of the selected element.
IncreaseIndentIcon.png Increase indent Increases the indentation of the selected element.

HTML Table

Adds buttons that insert and position HTML tables:

Icon Action Description
InsertTableIcon.png Insert table
InsertRowAboveIcon.png Insert row above current row Inserts a new row right above the row where the text cursor is.
InsertRowBelowIcon.png Insert row below current row Inserts a new row right below the row where the text cursor is.
DeleteRowIcon.png Delete row Deletes the row where the text cursor is.
MoveRowUpIcon.png Move row up Moves the row where the text cursor is one position up. This action is disabled if the text cursor is in the first row of a table.
MoveRowDownIcon.png Move row down Moves the row where the text cursor is one position down. This action is disabled if the text cursor is in the last row of a table.
InsertCellIcon.png Insert cell Inserts a single cell to the right-hand side of the cell where the text cursor is.
DeleteCellIcon.png Delete cell Deletes the cell where the text cursor is.
InsertColumnLeftIcon.png Insert column to the left Inserts a new column on the left-hand side of the column where the text cursor is.
InsertColumnRightIcon.png Insert column to the right Inserts a new column on the right-hand side of the column where the text cursor is.
DeleteColumnIcon.png Delete column Deletes the column where the text cursor is.

Component

Enables the Component Toolbar. See Component Toolbar.

View

Adds the following buttons:

Icon Action Shortcut Description
ViewUnitsIcon.png View Unit Ctrl+F12
ViewFormsIcon.png View Forms Shift+F12
ToggleFormUnitIcon.png Toggle Form/Unit F12

Toggles between the code view (Code Editor) and the design view (Form Designer).

Note: This action is only available on documents that support both views, such as forms.
HideNonVisualComponentsIcon.png Hide Non-Visual Components Ctrl+H

Allows you to hide or show non-visual components at design time.

Customize

Displays the Customize Toolbars dialog box, which allows you to specify the menus that appear on the toolbar, the commands that appear for each menu, and tooltip options.

IDE Insight

Displays the IDE Insight search box, which allows you to perform a filtered incremental search through the elements of the IDE. See IDE Insight.

Note: Additional toolbars can be available if you install some of the third party products.

See Also