The latest TMS FNC UI Pack release introduces a set of versatile toolbars that can be seamlessly integrated with any component, enabling developers to enhance their applications with rich functionality. These toolbars are independent of specific components, providing flexibility and reusability across diverse use cases.

Overview of the new Toolbars

This release includes five component-independent toolbars designed to streamline common text formatting, editing, and file operations:

1. Font Toolbar: For text styling and font management.
2. Paragraph Toolbar: Focused on text alignment and structural formatting.
3. Insert Toolbar: Adds elements such as hyperlinks and images to the content.
4. Clipboard Toolbar: Handles essential copy-paste operations.
5. FileIO Toolbar: Simplifies file handling, including open and save operations.

These toolbars are not bound to specific components, making them suitable for a wide range of applications, from simple text editors to complex document management systems.

Detailed Features of Each Toolbar

Font Toolbar

The Font Toolbar provides tools for customizing text appearance, including:

• Font Family: Select from a variety of fonts to suit different contexts.
• Font Size: Adjust text size for better readability or emphasis.
• Text Color and Background Color: Apply colors to text and background to highlight or differentiate sections.
• Text Style Options: Toggle Bold, Italic, Underline, and Strike-through styles to add emphasis or indicate changes.

Paragraph Toolbar

This toolbar facilitates text organization and alignment, offering:

• Bullets and Numbering: Create structured lists with ease.
• Indentation: Increase or decrease text indentation for better layout control.
• Alignment Options: Align text to the left, center, right, or justify it for a polished look.

Insert Toolbar

The Insert Toolbar enables the inclusion of additional elements, such as:

• Hyperlinks: Embed clickable links in text.
• Bitmaps: Insert and display images to enhance content.

Clipboard Toolbar

This toolbar simplifies basic clipboard operations, which include:

• Cut, Copy, and Paste: Essential tools for moving and duplicating text or elements within the application.

FileIO Toolbar

The FileIO Toolbar aids in file management tasks, such as:

• Open File: Load existing files for editing.
• Save File: Save content in the desired format.

• Save Text: Export plain text files for simplicity and compatibility.

Implementation and Event Handling

Settings

Using the Settings property, you can customize various aspects of the toolbars to reflect the current text settings, ensuring the toolbar accurately represents the properties of the selected content. 

This can be implemented for a TTMSFNCRichEditor like this: 

procedure TForm6.TMSFNCRichEditor1SelectionChanged(Sender: TObject);
begin
  TMSFNCFontToolBar1.Settings.Font.Family := TMSFNCRichEditor1.GetSelectionFontName;
  TMSFNCFontToolBar1.Settings.Font.Height := TMSFNCRichEditor1.GetSelectionFontSize;
  TMSFNCFontToolBar1.Settings.Font.Color := TMSFNCRichEditor1.GetSelectionTextColor;
  TMSFNCFontToolBar1.Settings.BackgroundColor := TMSFNCRichEditor1.GetSelectionBkColor;
  TMSFNCFontToolBar1.Settings.Bold := TMSFNCRichEditor1.IsSelectionBold;
  TMSFNCFontToolBar1.Settings.Italic := TMSFNCRichEditor1.IsSelectionItalic;
  TMSFNCFontToolBar1.Settings.Underline := TMSFNCRichEditor1.IsSelectionUnderline;
  TMSFNCFontToolBar1.Settings.Strikeout := TMSFNCRichEditor1.IsSelectionStrikeOut;

  TMSFNCParagraphToolbar1.Settings.BulletIndex := Integer(TMSFNCRichEditor1.GetSelectionBullet);
end;

This flexibility allows you to dynamically adjust the toolbars based on user interactions or application context, providing a consistent and intuitive user experience.

Events

Each toolbar is equipped with events that enable developers to customize and link the toolbar's functionality to specific components. This allows for both design-time and runtime integration.

For example, to link the Font Toolbar to a TTMSFNCMemo component, you can handle the ApplyFontName event as follows:

procedure TForm4.TMSFNCFontToolBar1ApplyFontName(Sender: TObject;
  AFontName: string);
begin
  TMSFNCMemo1.Font.Name := AFontName;
end;

Available Today!

The Toolbar components are available in the latest update, available today. So go ahead and download the latest version of the TMS FNC UI Pack. The TMS FNC UI Pack is part of the FNC family, so as a reminder, below is an overview of what FNC has to offer.

TMS FNC Components can be used simultaneously on these frameworks

TMS FNC Components can be used simultaneously on these operating systems/browsers

TMS FNC Controls can be used simultaneously on these IDEs