RAD Studio 10.4.1 is now available! Learn more. Looking for discounts? Visit our Special Offers page!

Using Custom Styles in RAD Studio 10.3

It’s very easy to customize your user interface using FireMonkey styles in RAD Studio 10.3. We’ve added all of the premium styles to GetIt (Tools > GetIt Package Manager > Styles) in 10.3. This includes both VCL Windows and FMX multi-device themes.

Ready to customize your own UI? Below are the steps for adding a custom theme to your multi-device application with Delphi, C++Builder and RAD Studio 10.3 Rio.

  1. With the Master view selected, add a TStyleBook component to your form
  2. On the Master view, select a Master style from the toolbar drop-down menu and then load the associated premium style from the style pack. For example, if you selected Android as the Master style, load and assign the AndroidCoralCrystal.style file to your StyleBook on the Master view. When working with custom styles, each view must have a style, including the Master view.
  3. Switch to each of your created views, select the TStyleBook component on that view and load the custom style related to that platform  (Windows style for “Windows Desktop” view, Android style for “Android…” view, Mac style for “macOS Desktop” view, iOS style for “iPad” and for “iPhone” views). Note: If you have different views for iPad and iPhone, you need to load the same iOS style for each view.
  4. If your application consists of multiple forms, you can set TStyleBook.UseStyleManager = True in each view in order to use the same custom styles for all other forms at runtime. If TStyleBook.UseStyleManager = True is set, then custom styles fully override system styles in all other forms (Form2, Form3etc.)  that are part of your application for that particular platform. If TStyleBook.UseStyleManager = False is set, then new forms (Form2, Form3 etc.) will use the default platform style and for customization, you must add TStyleBook to Form2’s “Master” view and load each custom style again for all created views of the additional forms that are part of your application.

To learn more about 10.3 Rio, visit www.embarcadero.com.

Reduce development time and get to market faster with RAD Studio, Delphi, or C++Builder.
Design. Code. Compile. Deploy.
Start Free Trial   Learn More About Upgrading

About author

Director of Product Management, Developer Tools Idera, Inc.
Related posts
CodeDelphiRAD Studio

Learn How To Use FireDAC In The Dynamic-Link Libraries With DLL Sharing Sample In Delphi

CodeDelphiRAD StudioTech Partner

Powerful Cross Platform TeeGrid Is Capable Of Handling A Large Number Of Cells In Delphi FireMonkey

CodeDelphiRAD Studio

Learn How To Use Connection Pooling With A Multi-threaded Environment In Delphi

CodeDatabaseDelphiRAD Studio

Quickly Share Data Between Datasets Using CloneCursor In This Native Windows Sample For Delphi

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.