All Blog Posts  |  Next Post  |  Previous Post

TMS FNC UI Pack v3.2 Revealing some highly anticipated components

Tuesday, September 22, 2020

We already have an extensive set of powerful and feature-rich UI controls in our TMS FNC UI Pack. But there is always room for some additional tools to help you with your cross framework and cross platform work. In this new release of our TMS FNC UI Pack we’ve added 5 new components which were requested by you, our community of great developers who see the enormous advantages of components that can be used on VCL, TMS Web Core, FMX and Lazarus with just one code base.

TMS FNC Controls can be simultaneously used on these frameworks:

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

TMS FNC Controls can be simultaneously used on these IDE's:

New to the TMS FNC UI family


TTMSFNCRichEditor has a ruler control that can be connected to it. This control has the intuitive handling that you are familiar with from the advanced text editors. With this ruler you can easily control the margins of your page and the indentation of your text. And you have the ability to add tabs, which sets the position of your text when the next tab is pressed. This component is a great advantage to get your text document to a higher level as it helps you with the layout of your text.


Our TTMSFNCSplitter has the same behavior as other splitters, but as this is a FNC control, you can use the same component on all the different platforms. No more need to set framework specific properties. Next to this timesaving feature, we have made the appearance customizable to your preferences, so the control can blend in with your application.


One of the most requested components is the TTMSFNCProgressBar, this provides users with visual feedback about the progress of a procedure within an application. With more than 25 properties to set the appearance and layout of the component, you have a huge range of possibilities to customize your TTMSFNCProgressBar. And by changing the minimum and maximum value, you can easily invert the direction of the progress.


While we were creating the TTMSFNCProgressBar, we noticed that it might be nice to have a similar control with interaction. Therefor we created TTMSFNCRating. With the use of images (SVGs as well) you can set a scale to give a rating. If you clear the images, the control will look like a TTMSFNCProgressBar but with the ability to interact with it. This can be done by clicking on the value that you want, sliding from the end of the progress to where you want or via your keyboard with the arrow keys.


An indicator for illustrating an indefinite waiting time for a task that is in progress. You can choose if you want show a progress or if you want circles, squares or images moving around a center bitmap or if you want them to change size. In case you want to show that a form or a panel is currently not available, you can center the waiting indicator over the parent and use an overlay to emphasize this.

If you want to see some other examples or the behavior of the FNC splitter and rating control, you can have a look at the following video:

Gjalt Vanhouwaert

This blog post has received 5 comments.

1. Wednesday, September 23, 2020 at 11:27:47 AM

Is there a demo of the Waiting Indicator?

Randall Ken

2. Wednesday, September 23, 2020 at 11:35:58 AM

It''s demonstrated in the Progressbar & Rating demo, at the end when completing the 1-4 settings necessary to unlock the complete button.

Pieter Scheldeman

3. Wednesday, September 23, 2020 at 5:35:08 PM

Thanks. Works well.

Randall Ken

4. Friday, October 2, 2020 at 11:50:13 AM

Kudos Gjalt (and the whole FNC team) for some very nice work. The video is also a good addition.
The waiting indicator was very high on my list.

Brief question: will it also work with the current Lazarus 2.0.10/fpc3.2.0 on Linux? I do not own Delphi Linux

Baecker Gernot

5. Friday, October 2, 2020 at 12:01:46 PM


Thanks Gernot!
The new components will also work with Lazarus 2.0.10. If anything is missing or doesn''t compile for some reason, please let us know and we will look into it asap.

Pieter Scheldeman

Add a new comment

You will receive a confirmation mail with a link to validate your comment, please use a valid email address.
All fields are required.

All Blog Posts  |  Next Post  |  Previous Post