{"id":28140325,"url":"https://github.com/etheadev/styledcomponents","last_synced_at":"2025-10-07T06:42:54.600Z","repository":{"id":63247316,"uuid":"560557156","full_name":"EtheaDev/StyledComponents","owner":"EtheaDev","description":"Components similar to Delphi VCL Buttons, Toolbar, DbNavigator, BindNavigator, ButtonGroup and CategoryButtons with Custom Graphic Styles, and an advanced, full-customizable TaskDialog, also with animations!","archived":false,"fork":false,"pushed_at":"2025-08-26T15:43:23.000Z","size":40255,"stargazers_count":176,"open_issues_count":7,"forks_count":43,"subscribers_count":22,"default_branch":"main","last_synced_at":"2025-08-26T21:42:06.370Z","etag":null,"topics":["bootstrap","button","delphi","dialogs"],"latest_commit_sha":null,"homepage":"https://ethea.it/docs/styledcomponents/","language":"Pascal","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/EtheaDev.png","metadata":{"files":{"readme":"README.htm","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2022-11-01T18:58:39.000Z","updated_at":"2025-08-26T15:42:36.000Z","dependencies_parsed_at":"2022-11-15T18:48:37.670Z","dependency_job_id":"489da996-9049-4c7c-9e40-b4fb2c5d0bf4","html_url":"https://github.com/EtheaDev/StyledComponents","commit_stats":null,"previous_names":[],"tags_count":43,"template":false,"template_full_name":null,"purl":"pkg:github/EtheaDev/StyledComponents","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EtheaDev%2FStyledComponents","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EtheaDev%2FStyledComponents/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EtheaDev%2FStyledComponents/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EtheaDev%2FStyledComponents/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/EtheaDev","download_url":"https://codeload.github.com/EtheaDev/StyledComponents/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EtheaDev%2FStyledComponents/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278734436,"owners_count":26036404,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-07T02:00:06.786Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","button","delphi","dialogs"],"created_at":"2025-05-14T18:11:19.217Z","updated_at":"2025-10-07T06:42:54.593Z","avatar_url":"https://github.com/EtheaDev.png","language":"Pascal","readme":"\u003cstyle type=\"text/css\"\u003e\ncode{\n  font-family: \"Consolas\", monospace;\n}\npre{\n  border: 1px solid #ddd;\n  border-left: 3px solid #f36d33;\n  overflow: auto;\n  padding: 1em 1.5em;\n  display: block;\n}\nBlockquote{\n  border-left: 3px solid #d0d0d0;\n  padding-left: 0.5em;\n  margin-left:1em;\n}\nBlockquote p{\n  margin: 0;\n}\ntable{\n  border:1px solid;\n  border-collapse:collapse;\n}\nth{  padding:5px;\n  border:1px solid;\n}\ntd{\n  padding:5px;\n  border:1px solid;\n}\n\u003c/style\u003e\n\u003ch1\u003eDelphi VCL StyledComponents \u003ca href=\"https://opensource.org/licenses/Apache-2.0\"\u003e\u003cimg src=\"https://img.shields.io/badge/License-Apache%202.0-yellowgreen.svg\" alt=\"License\"/\u003e\u003c/a\u003e\u003c/h1\u003e\n\u003ch2\u003eComponents similar to Delphi VCL Buttons, Toolbar, DbNavigator, BindNavigator, ButtonGroup and CategoryButtons with Custom Graphic Styles, and an advanced, full-customizable TaskDialog, also with animations!\u003c/h2\u003e\n\u003ch3\u003eActual official version: 3.8.5\u003c/h3\u003e\n\u003chr /\u003e\n\u003ch2\u003eNew Setup for Installation of Components\u003c/h2\u003e\n\u003cp\u003eFrom 3.8.1 version a new \u0026ldquo;Installer\u0026rdquo; read-to-use is located in the Release area: \u003ca href=\"https://github.com/EtheaDev/StyledComponents/releases/latest/download/StyledComponents_Setup.exe\"\u003eDownload the Installer\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003eThe Installer automatically detect your Delphi versions, installa sources, build and installa packages and add source paths.\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"./Images/Setup.png\" alt=\"Setup\"/\u003e\u003c/p\u003e\n\u003ch2\u003eDocumentation\u003c/h2\u003e\n\u003cp\u003eFollow the \u003ca href=\"https://ethea.it/docs/styledcomponents/\"\u003eProject Site\u003c/a\u003e to known how to use those components to modernize your Delphi VCL using those components.\u003c/p\u003e\n\u003chr /\u003e\n\u003ch2\u003eA brief description\u003c/h2\u003e\n\u003cp\u003e\u003cstrong\u003eStyledComponents\u003c/strong\u003e is a set of VCL components for Delphi (32 and 64 bit) that allow you to overcome the limits imposed by standard VCL components, maintaining 100% compatibility of the properties.\u003c/p\u003e\n\u003cp\u003eYou can easily use them, as a replacement for the standard ones, as well as to provide new features.\u003c/p\u003e\n\u003cp\u003eThe main limitations of the buttons and components of the VCL are the shape and color, defined by the operating system.\u003c/p\u003e\n\u003cp\u003eWith \u003cstrong\u003eStyledComponents\u003c/strong\u003e you can overcome these limits in a simple way. You can:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eControl the shape of the button\u003c/li\u003e\n\u003cli\u003eControl button and border color (without limits) for every button state.\u003c/li\u003e\n\u003cli\u003eUse \u0026ldquo;families\u0026rdquo; of predefined styles as in the WEB environment (e.g. Angular or Bootstrap)\u003c/li\u003e\n\u003cli\u003eAdapt to the colors of the VCL styles, keeping the shape of the button consistent\u003c/li\u003e\n\u003cli\u003eThe appearance is identical in “Windows” mode or by applying VCL styles to the application\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eLast, but not least, with \u003cstrong\u003eStyledTaskDialog\u003c/strong\u003e you can control appearance of your Message Dialogs in any aspect. Using Skia4Delphi you can also add animated Icons to your messages.\u003c/p\u003e\n\u003cp\u003e…all available from the Delphi XE6 version (which allows the use of GDI+, used for button drawing).\u003c/p\u003e\n\u003ch2\u003eThe most important properties\u003c/h2\u003e\n\u003cp\u003eusing only few properties you can setup your Button in a very simple way.\u003c/p\u003e\n\u003ch3\u003eColor attributes:\u003c/h3\u003e\n\u003cp\u003eWith three values, you can select predefined ready styles for button color, border and font color:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eStyleFamily\u003c/strong\u003e: the \u0026ldquo;Family\u0026rdquo; of a Style (eg.Classic or Bootstrap or Angular)\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eStyleClass\u003c/strong\u003e: a collection of predefined button style of the selected Family\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eStyle Appearance\u003c/strong\u003e: eg.Normal or Outline\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3\u003eShape attributes:\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eStyleDrawType\u003c/strong\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003cth align=\"left\"\u003e\u003ccode\u003ebtRoundRect (default)\u003c/code\u003e\u003c/th\u003e\n    \u003cth align=\"left\"\u003e\u003ccode\u003ebtRect\u003c/code\u003e\u003c/th\u003e\n    \u003cth align=\"left\"\u003e\u003ccode\u003ebtRounded\u003c/code\u003e\u003c/th\u003e\n    \u003cth align=\"left\"\u003e\u003ccode\u003ebtEllipse\u003c/code\u003e\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"left\"\u003e\u003cimg src=\"./Images/Classic_Normal_Windows_btRoundRect.png\" alt=\"RoundRect\"/\u003e\u003c/td\u003e\n    \u003ctd align=\"left\"\u003e\u003cimg src=\"./Images/Classic_Normal_Windows_btRect.png\" alt=\"Classic_Normal_Windows_btRect\"/\u003e\u003c/td\u003e\n    \u003ctd align=\"left\"\u003e\u003cimg src=\"./Images/Classic_Normal_Windows_btRounded.png\" alt=\"Rounded\"/\u003e\u003c/td\u003e\n    \u003ctd align=\"left\"\u003e\u003cimg src=\"./Images/Classic_Normal_Windows_btEllipse.png\" alt=\"Ellipse\"/\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eStyleRoundedCorners\u003c/strong\u003e: used for RoundRect and Rounded DrawType\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eStyleRadius\u003c/strong\u003e: used for btRoundRect DrawType\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cem\u003eIn this picture you can see the StyledComponentsDemo application with some examples:\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"./Images/StyledComponentsDemo.jpg\" alt=\"StyledComponentsDemo\"/\u003e\u003c/p\u003e\n\u003ch3\u003eSpecial Properties:\u003c/h3\u003e\n\u003cp\u003eStyledComponents offers more options then standard components, such as:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eDown, AllowUp and GroupIndex to use them in \u0026ldquo;group\u0026rdquo;\u003c/li\u003e\n\u003cli\u003eCaption alignment (left, centered, right)\u003c/li\u003e\n\u003cli\u003ePresence of Captions (with alignment) and customizable icons via ImageList in TStyledDBNavigator and TStyledBindNavigator\u003c/li\u003e\n\u003cli\u003eAbility to change icon position and caption alignment in TStyledButtonGroup and TStyledCategoryButtons\u003c/li\u003e\n\u003cli\u003eDifferent appearance for buttons Items of TStyledToolbar, TStyledButtonGroup and TStyledCategoryButtons\u003c/li\u003e\n\u003cli\u003eNotification Badge for all StyledButtons\u003c/li\u003e\n\u003cli\u003eAutoClick event (after a Delayed time)\u003c/li\u003e\n\u003cli\u003eAnimated icons using, TStyledAnimatedButton\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e…finally, a component for Dialogs is available, completely customizable, which uses custom images or animations and StyledButtons within it, to be 100% consistent with the rest of the application.\u003c/p\u003e\n\u003cp\u003eNotice: by default the cursor for all Styled Buttons is crHandPoint.\u003c/p\u003e\n\u003ch2\u003eList of available Components:\u003c/h2\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003cth\u003eComponent\u003c/th\u003e\n    \u003cth\u003eDescription\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"./Images/OK_GRAPH_BUTTON_128.png\" alt=\"TStyledGraphicButton\"/\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cstrong\u003eTStyledGraphicButton\u003c/strong\u003e is a \u0026ldquo;pure\u0026rdquo; Graphic Button with Styles (eg. Classic, Bootstrap, Angular, Basic-Color, SVG-Color) with support of ImageList, Action and full configuration of five states: Normal, Pressed, Selected, Hot and Disabled. You can use it also into a TVirtualList component.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"./Images/OK_BUTTON_128.png\" alt=\"TStyledButton\"/\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cstrong\u003eTStyledButton\u003c/strong\u003e is classic \u0026ldquo;button control\u0026rdquo; with Styles (eg. Classic, Bootstrap, Angular, Basic-Color, SVG-Color) with support of ImageList, Action and full configuration of five states: Normal, Pressed, Selected, Hot and Disabled, plus Focus and TabStop support. You can easily replace all of your TButton components.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"./Images/TOOL_BAR_128.png\" alt=\"TStyledToolbar\"/\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cstrong\u003eTStyledToolbar\u003c/strong\u003e is a Toolbar that uses StyledToolButton, with full customizable of every button style and full control over the size of the buttons, also when Captions are visible. The width and height of the StyledToolButtons inside, do not depends on Caption size, as in classic TToolBar.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"./Images/StyledDbNavigator_128.png\" alt=\"TStyledDbNavigator\"/\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cstrong\u003eTStyledDbNavigator\u003c/strong\u003e is a special \u0026ldquo;DbNavigator\u0026rdquo; component, with Styles (eg. Classic, Bootstrap, Angular, Basic-Color, SVG-Color), plus Button captions and better \u0026ldquo;move\u0026rdquo; icons in vertical mode.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"./Images/StyledBindNavigator_128.png\" alt=\"TStyledBindNavigator\"/\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cstrong\u003eTStyledBindNavigator\u003c/strong\u003e is a special \u0026ldquo;BindNavigator\u0026rdquo; component, with Styles (eg. Classic, Bootstrap, Angular, Basic-Color, SVG-Color), plus Button captions and better \u0026ldquo;move\u0026rdquo; icons in vertical mode.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"./Images/BUTTON_GROUP_128.png\" alt=\"TStyledButtonGroup\"/\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cstrong\u003eTStyledButtonGroup\u003c/strong\u003e is a special \u0026ldquo;ButtonGroup\u0026rdquo; component with Styles (eg. Classic, Bootstrap, Angular, Basic-Color, SVG-Color) plus ImagePosition, CaptionAlignment and Flat properties, for adding more controls to the appearance of Buttons.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"./Images/CATEGORY_BUTTONS_128.png\" alt=\"TStyledCategoryButtons\"/\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cstrong\u003eTStyledCategoryButtons\u003c/strong\u003e is a special \u0026ldquo;CategoryButtons\u0026rdquo; component with Styles (eg. Classic, Bootstrap, Angular, Basic-Color, SVG-Color) plus ImagePosition, CaptionAlignment and Flat properties, for adding more controls to the appearance of Buttons.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"./Images/StyledTaskDialog_128.png\" alt=\"TStyledTaskDialog\"/\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cstrong\u003eTStyledTaskDialog\u003c/strong\u003e is a special \u0026ldquo;TaskDialog\u0026rdquo; component (to replace MessageDlg and TaskDlg) with custom Button Captions and Icons. Using a special Form you can show a full customizable Dialog. Using Skia4Delpghi you can show animated dialogs!\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\u003chr /\u003e\n\u003cp\u003eFor \u0026ldquo;backward compatibily\u0026rdquo;, you can also use those components.\u003c/p\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003cth\u003eComponent\u003c/th\u003e\n    \u003cth\u003eDescription\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"./Images/OK_SPEEDBUTTON_128.png\" alt=\"OK_SPEEDBUTTON_128.png\"/\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cstrong\u003eTStyledSpeedButton\u003c/strong\u003e derives from TStyledGraphicButton, and introduce \u003cem\u003eLayout\u003c/em\u003e, \u003cem\u003eMargin\u003c/em\u003e and \u003cem\u003eSpacing\u003c/em\u003e properties, to control Drawing (Icon and Caption) as a standard TSpeedButton. You can also use Glyph and NumGlyphs.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"./Images/OK_BITBTN_128.png\" alt=\"OK_BITBTN_128.png\"/\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cstrong\u003eTStyledBitBtn\u003c/strong\u003e derives from TStyledButton, and introduce \u003cem\u003eLayout\u003c/em\u003e, \u003cem\u003eMargin\u003c/em\u003e and \u003cem\u003eSpacing\u003c/em\u003e properties, to control Drawing (Icon and Caption) as a standard TBitBtn. You can also use Glyph and NumGlyphs.\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\u003cp\u003eThose components uses some properties to Draw Icon and Caption in a different way:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eA \u003cem\u003eGlyph\u003c/em\u003e and \u003cem\u003eNumGlyphs\u003c/em\u003e for the Icon of the button (not reccomended, because doesn't scale)\u003c/li\u003e\n\u003cli\u003eThe position of the caption, using \u003cem\u003eButtonLayout\u003c/em\u003e instead and \u003cem\u003eMargin\u003c/em\u003e (instead of \u003cem\u003eImageAlignment\u003c/em\u003e and \u003cem\u003eImageMargins\u003c/em\u003e)\u003c/li\u003e\n\u003cli\u003eThe space between the Icon and the Caption, defined by \u003cem\u003espacing\u003c/em\u003e.\u003c/li\u003e\n\u003c/ul\u003e\n\u003chr /\u003e\n\u003ch2\u003e\u003cem\u003eTStyledAnimatedButton\u003c/em\u003e Component (using Skia4Delphi):\u003c/h2\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003cth\u003eComponent\u003c/th\u003e\n    \u003cth\u003eDescription\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"./Images/OK_ANIMATED_BUTTON_128.png\" alt=\"OK_ANIMATED_BUTTON_128.png\"/\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cstrong\u003eTStyledAnimatedButton\u003c/strong\u003e is Styled Button with with \u0026ldquo;animated icon\u0026rdquo; using a Skia TSkAnimatedImage component inside. You can select the events that starts the animation, like: \u003cem\u003eAnimateOnMouseOver\u003c/em\u003e, \u003cem\u003eAnimateOnClick\u003c/em\u003e, \u003cem\u003eAnimateAlways\u003c/em\u003e, \u003cem\u003eAnimateOnFocus\u003c/em\u003e.\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\u003chr /\u003e\n\u003ch2\u003eDescription of Styled Buttons\u003c/h2\u003e\n\u003cp\u003e\u003cstrong\u003eTStyledGraphicButton\u003c/strong\u003e, \u003cstrong\u003eTStyledButton\u003c/strong\u003e, \u003cstrong\u003eTStyledBitBtn\u003c/strong\u003e and \u003cstrong\u003eTStyledSpeedButton\u003c/strong\u003e are designed to expand Button UI styles to break the limits of classic VCL Button components.\u003c/p\u003e\n\u003cp\u003eThe Button Styles defined are not affected by VCLStyles and are also visibile on a \u0026ldquo;non styled\u0026rdquo; Windows application, so you can have more than a single Button styled also using VCLStyles.\u003c/p\u003e\n\u003cp\u003eYou can build Rectangular, Rounded or RoundRect or Ellipsis/Circle button as you prefer.\u003c/p\u003e\n\u003cp\u003eusing only three elements you can setup your Button in a very simple way:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eStyleFamily\u003c/strong\u003e: the main attribute for Styled Button\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eStyleClass\u003c/strong\u003e: a collection of predefined button style\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eStyle Appearance\u003c/strong\u003e: eg.Normal or Outline\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cstrong\u003eComponent editor for TStyledGraphicButton and StyledButton:\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eTo simplify use of the Styled Buttons, there is a useful \u0026ldquo;Component Editor\u0026rdquo; to select three values that defines Button Style:\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eList of available StyleFamily\u003c/em\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eClassic\u003c/strong\u003e: a collection of Styles similar to \u003ca href=\"https://docwiki.embarcadero.com/RADStudio/Athens/en/Tutorial:_Using_TControl.StyleElements_in_VCL_Applications\"\u003eVCLStyled TButton\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eBootstrap\u003c/strong\u003e: a collection of Styles similar to \u003ca href=\"https://getbootstrap.com/docs/4.0/components/buttons/\"\u003eBootstrap buttons\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eAngular-Light\u003c/strong\u003e: a collection of styles similar to \u003ca href=\"https://material.angular.io/components/button/overview\"\u003eAngular buttons\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eAngular-Dark\u003c/strong\u003e: a collection of styles similar to \u003ca href=\"https://material.angular.io/components/button/overview\"\u003eAngular buttons\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eBasic-Color\u003c/strong\u003e: a collection of styles based to Delphi \u0026ldquo;normal\u0026rdquo; and \u0026ldquo;System\u0026rdquo; \u003ca href=\"https://docwiki.embarcadero.com/RADStudio/Alexandria/en/Color_Constants\"\u003eColor collection\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eSVG-Color\u003c/strong\u003e: a collection of styles based to Delphi \u0026ldquo;AlphaColors\u0026rdquo; \u003ca href=\"https://johndecember.com/html/spec/colorsvghex.html\"\u003eColor collection\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eControl the default rendering styles for any Styled Buttons, Toolbars and DbNavigator\u003c/em\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eIt's possible to redefine at global application level the default Drawing styles for any Components, adding some line in your project file. For Example:\u003c/p\u003e\n\u003cp\u003eAdd those units in uses of dpr:\u003c/p\u003e\n\u003cpre\u003e\u003ccode class=\"Pascal\"\u003e  Vcl.StyledButton,\n  Vcl.ButtonStylesAttributes,\n  Vcl.StyledDbNavigator,\n  Vcl.StyledToolbar,\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eAdd those lines after Application.Initialize in dpr code:\u003c/p\u003e\n\u003cpre\u003e\u003ccode class=\"Pascal\"\u003e  TStyledButton.RegisterDefaultRenderingStyle(btRounded);\n  TStyledDbNavigator.RegisterDefaultRenderingStyle(btRounded);\n  TStyledToolbar.RegisterDefaultRenderingStyle(btRect);\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eYou can also use a Family/Class/Appearance of any type, for example:\u003c/p\u003e\n\u003cpre\u003e\u003ccode class=\"Pascal\"\u003eTStyledButton.RegisterDefaultRenderingStyle(btRoundRect, BOOTSTRAP_FAMILY, btn_primary, BOOTSTRAP_NORMAL);\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eYou can also use \u003ca href=\"https://github.com/EtheaDev/StyledComponents/wiki/Interposer-Unit-(Vcl.StyledComponentsHooks)\"\u003eInterposer Unit (Vcl.StyledComponentsHooks.pas)\u003c/a\u003e to easily change all Buttons of your application.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eTemplate unit to create your custom Family Styles\u003c/em\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eWith the unit \u0026ldquo;Vcl.TemplateButtonStyles.pas\u0026rdquo; you can create your own Family of Button Styles, \u003ca href=\"https://github.com/EtheaDev/StyledComponents/wiki/HowtoBuildYourCustomStyle\"\u003eas explained here\u003c/a\u003e\u003c/p\u003e\n\u003chr /\u003e\n\u003chr /\u003e\n\u003cp\u003e\u003cem\u003eThe Component Editor, with selected Family \u0026ldquo;Boostrap\u0026rdquo; and StyleRadius 18: Style Appearance can be Normal or Outline\u003c/em\u003e\u003c/p\u003e\n\u003ch2\u003e\u003cimg src=\"./Images/StyledButtonComponentEditorBootstrap.jpg\" alt=\"StyledButtonComponentEditorBootstrap.jpg\"/\u003e\u003c/h2\u003e\n\u003cp\u003e\u003cem\u003eThe Component Editor, with selected Family \u0026ldquo;Angular Light\u0026rdquo;: Style Appearance can be Flat, Raised, Basic, Stroked\u003c/em\u003e\u003c/p\u003e\n\u003ch2\u003e\u003cimg src=\"./Images/StyledButtonComponentEditorAngular.jpg\" alt=\"StyledButtonComponentEditorAngular.jpg\"/\u003e\u003c/h2\u003e\n\u003cp\u003e\u003cem\u003eThe Component Editor, with selected Family \u0026ldquo;Classic\u0026rdquo;: Style Appearance can be Normal or Outline\u003c/em\u003e\u003c/p\u003e\n\u003ch2\u003e\u003cimg src=\"./Images/StyledButtonComponentEditor.jpg\" alt=\"StyledButtonComponentEditor.jpg\"/\u003e\u003c/h2\u003e\n\u003cp\u003e\u003cem\u003eThe Component Editor, with selected Family \u0026ldquo;Basic-Colors\u0026rdquo;, and Rounded StyleDrawType: Style Appearance can be Normal and Outline\u003c/em\u003e\u003c/p\u003e\n\u003ch2\u003e\u003cimg src=\"./Images/StyledButtonComponentEditorRounded.jpg\" alt=\"StyledButtonComponentEditorRounded.jpg\"/\u003e\u003c/h2\u003e\n\u003cp\u003e\u003cem\u003eThe Component Editor, with selected Family \u0026ldquo;SVG-Color\u0026rdquo;, Style Appearance can be Normal or Outline\u003c/em\u003e\u003c/p\u003e\n\u003ch2\u003e\u003cimg src=\"./Images/StyledButtonComponentEditorSVG.jpg\" alt=\"StyledButtonComponentEditorSVG.jpg\"/\u003e\u003c/h2\u003e\n\u003cp\u003e\u003cstrong\u003eSpecial Features\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eStyled Components has special features compared to classic VCL Controls.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eRoundedCorners options\u003c/em\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eYou can define \u003cstrong\u003eRoundedCorners\u003c/strong\u003e property, to enable/disable Rounding drawing, as showed in this example:\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"./Images/StyledRoundedCornersExamples.jpg\" alt=\"RoundedCorners\"/\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eNotification Badge for buttons\u003c/em\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eAll styled Buttons can show \u003cstrong\u003eNotificationBadge\u003c/strong\u003e above them, with custom label/color and shape.\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"./Images/NotificationBadge.jpg\" alt=\"NotificationBadge\"/\u003e\u003c/p\u003e\n\u003cp\u003eRead \u003ca href=\"https://github.com/EtheaDev/StyledComponents/wiki/Notification-Badge-guide\"\u003eNotification Badge guide\u003c/a\u003e to explorer how it works\u0026hellip;\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eAutoClick/AutoClickDelay for buttons\u003c/em\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eYou can activate the \u003cem\u003eAutoClick\u003c/em\u003e flag to invoke the Click event of the StyledButton, after a \u003cem\u003eAutoClickDelay\u003c/em\u003e time, as showed in the AutoClick Demo:\u003c/p\u003e\n\u003cp\u003eAlso the StyledTaskdialog can use this function to AutoClick and close the Dialog.\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"./Images/AutoClickDemo.gif\" alt=\"AutoClickDemo\"/\u003e\u003c/p\u003e\n\u003cp\u003eRead \u003ca href=\"https://github.com/EtheaDev/StyledComponents/wiki/AutoClick-Delay-guide\"\u003eAutoClick/Delay guide\u003c/a\u003e to explorer how it works\u0026hellip;\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eRounded Button Style\u003c/em\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e_In this picture an example of \u0026ldquo;full-rounded\u0026rdquo; buttons applyed to all \u0026ldquo;VCL-Styled\u0026rdquo; buttons: a feature not available in VCL Styled buttons.\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"./Images/RoundedButtons.jpg\" alt=\"RoundedButtons.jpg\"/\u003e\u003c/p\u003e\n\u003chr /\u003e\n\u003cp\u003e\u003cstrong\u003eUse the \u0026ldquo;StyledComponentsDemos\u0026rdquo; to see all the components in action!\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eIn the Demos folder you can find subfolders for every Delphi version that contains the project:\u003c/p\u003e\n\u003cp\u003e\u003cem\u003eStyledComponentsDemo.dproj\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003eThe demo is organized to launch different Forms \u0026ldquo;embedded\u0026rdquo; into the main form client area or outside.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eDemos\\StyledButtonsDemo\\Delphi10_4+\\StyledButtonsVCLStyled.dpr\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eUsing standard VCL Buttons you can apply different colors only from Delphi 10.4, using \u0026ldquo;per-control\u0026rdquo; option, but you cannot control other aspect of Buttons.\u003c/p\u003e\n\u003cp\u003eWith StyledComponents you can have Buttons with the active VCL-Style also in previous versions of Delphi, and you can control all the aspect of the button, like Rounded shape, as you can test in the Demo.\u003c/p\u003e\n\u003cp\u003eThe same demo, compiled with an old Delphi version (like XE6) show that you have this feature available!\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"./Images/StyledButtonsVCLStyled.jpg\" alt=\"StyledButtonsVCLStyled.jpg\"/\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eEnabling Skia4Delphi to see the Animated Buttons Demo in action\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eIf you have Skia4Delphi installed, you must install also the Packages contained into Vcl.StyledAnimatedComponents.groupproj.\u003c/p\u003e\n\u003cp\u003eThen you must \u0026ldquo;Enable SKIA\u0026rdquo; in the \u0026ldquo;context-menu\u0026rdquo; of StyledComponentsDemo project, so you can see the StyledAnimated Buttons in action.\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"./Images/StyledAnimatedButtonsDemo.jpg\" alt=\"StyledAnimatedButtonsDemo.jpg\"/\u003e\u003c/p\u003e\n\u003cp\u003e\u003cem\u003eNotice that this feature is not available in Delphi XE6.\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"./Images/StyledButtonsDemoWarning.jpg\" alt=\"StyledAnimatedButtonsDemo.jpg\"/\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eRoundedCorners Demo\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eA simple way to show StyledRoundedCorners options applied to many Styled Components.\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"./Images/StyledRoundedCornersDemo.jpg\" alt=\"StyledRoundedCornersDemo.jpg\"/\u003e\u003c/p\u003e\n\u003chr /\u003e\n\u003ch2\u003eDescription of StyledToolBar\u003c/h2\u003e\n\u003cp\u003eTStyledToolbar (and TStyledToolButtons) shows a Toolbar like a classic TToolbar but with the same Style attributes that can be assigned to Styled Graphic Buttons.\u003c/p\u003e\n\u003cp\u003eIn the StyledToolbar demo, you can see how to use this component, compared to the classic Delphi TToolBar.\u003c/p\u003e\n\u003cp\u003eThe major differece is based on the control of the \u0026ldquo;size\u0026rdquo; of buttons when \u0026ldquo;ShowCaptions\u0026rdquo; is True: in standard Toolbar, the dimension is defined by the larger caption.\nIn the StyledToolbar the dimension is always defined by \u0026ldquo;ButtonWidth\u0026rdquo; property.\u003c/p\u003e\n\u003cp\u003e\u003cem\u003eIn this picture, the Toolbar Demo compares the StyledToolbar and the classic Toolbar\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"./Images/StyledToolbarDemo.jpg\" alt=\"StyledToolbarDemo.jpg\"/\u003e\u003c/p\u003e\n\u003chr /\u003e\n\u003ch2\u003eDescription of StyledDbNavigator and StyledBindNavigator\u003c/h2\u003e\n\u003cp\u003eTStyledDbNavigator (with TStyledNavButton buttons) shows a Navigator like a classic TDbNavigator but with the same Style attributes that can be assigned to Styled Graphic Buttons.\u003c/p\u003e\n\u003cp\u003eTStyledBindNavigator (with TStyledNavButton buttons) shows a Navigator like a classic TBindNavigator but with the same Style attributes that can be assigned to Styled Graphic Buttons.\u003c/p\u003e\n\u003cp\u003eIn the TStyledDbNavigator demo, you can see how to use those components, compared to the classic Delphi TDbNavigator and TBindNavigator.\u003c/p\u003e\n\u003cp\u003e\u003cem\u003eIn this picture, the StyledDbNavigator and StyledBindNavigator with a custom imagelist for images and Captions visible\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"./Images/StyledDbNavigatorDemo.jpg\" alt=\"StyledDbNavigatorDemo.jpg\"/\u003e\u003c/p\u003e\n\u003cp\u003eThe major differences are:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003ethe possibility to set and show Captions on the StyledDbNavigator.\u003c/li\u003e\n\u003cli\u003eThe \u0026ldquo;Icons\u0026rdquo; with up/down directions when the navigator is displayed in vertical position.\u003c/li\u003e\n\u003cli\u003eThe icons are more readable (like the \u0026ldquo;Edit\u0026rdquo; one) and customized form VCL Styled in light and dark mode.\u003c/li\u003e\n\u003cli\u003eIt's possible to use a Custom Imagelist, to show other images on the buttons.\u003c/li\u003e\n\u003c/ul\u003e\n\u003chr /\u003e\n\u003ch2\u003eDescription of StyledButtonGroup and StyledCategoryButtons\u003c/h2\u003e\n\u003cp\u003eTStyledButtonGroup and TStyledCategoryButtons shows a list of buttons with flow or full-size layout, like a classic TButtonGroup or TCategoryButtons.\nYou can define StylesFamily/StyleClass/StyleAppearance for every buttons at component level or change the Style on a single \u0026ldquo;Button\u0026rdquo; Item.\u003c/p\u003e\n\u003cp\u003eTStyledButtonGroup inherits from TButtonGroup, so you can continue to use it as the VCL component as showed in the Demo:\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"./Images/StyledButtonGroupDemo.jpg\" alt=\"StyledButtonGroupDemo.jpg\"/\u003e\u003c/p\u003e\n\u003cp\u003eTStyledCategoryButtons inherits from TCategoryButtons, so you can continue to use it as the VCL component  as showed in the Demo:\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"./Images/StyledCategoryButtonsDemo.jpg\" alt=\"StyledCategoryButtonsDemo.jpg\"/\u003e\u003c/p\u003e\n\u003cp\u003eThe major differences are:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eYou can define a custom style for every buttons in the \u0026ldquo;Group\u0026rdquo; or \u0026ldquo;Categories\u0026rdquo;\u003c/li\u003e\n\u003cli\u003eYou can use a custom style for each button.\u003c/li\u003e\n\u003cli\u003eYou can specify Flat buttons.\u003c/li\u003e\n\u003cli\u003eThe Buttons caption can be aligned also at center or right.\u003c/li\u003e\n\u003cli\u003eThe Buttons icons can be aligned left, top, bottom, right, center.\u003c/li\u003e\n\u003cli\u003eAdditional Spacing and ImageMargins to control exact position of the Buttons icon and the Caption.\u003c/li\u003e\n\u003c/ul\u003e\n\u003chr /\u003e\n\u003ch2\u003eDescription of StyledTaskDialog\u003c/h2\u003e\n\u003cp\u003e\u003cstrong\u003eTStyledTaskDialog\u003c/strong\u003e is designed to expand message/task dialog functionalities, fully customizable and also animation.\u003c/p\u003e\n\u003cp\u003eYou can test Styled Dialogs with different \u0026ldquo;StyledButton set\u0026rdquo; (Classic, Angular, Bootstrap).\u003c/p\u003e\n\u003cp\u003eAlso, you can use a custom form (inherited from \u0026ldquo;TStyledTaskDialogForm\u0026rdquo;) to show your complete custom Dialog.\u003c/p\u003e\n\u003ch2\u003eHow to replace standard MessageDlg and TaskDialogs\u003c/h2\u003e\n\u003cp\u003eYou can use the StyledTaskDialog in you application to replace MessageDlg and and TaskDialogs.\u003c/p\u003e\n\u003cp\u003eAdd the unit \u003cstrong\u003eVcl.StyledTaskDialogFormUnit.pas\u003c/strong\u003e your application.\u003c/p\u003e\n\u003cp\u003eIf you are using Skia4Delphi and you want to use Animated Dialogs, add the unit \u003cstrong\u003eSkia.Vcl.StyledTaskDialogAnimatedUnit.pas\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003ethen you must add the unit \u003cstrong\u003eVcl.StyledTaskDialog\u003c/strong\u003e to your units and change the calls to standard Dialogs/TaskDialogs:\nMessageDlg -\u003e StyledMessageDlg\nTaskDialog -\u003e StyledTaskDialog\u003c/p\u003e\n\u003ch2\u003eHow to change Dialogs attributes (Font/Buttons Style)\u003c/h2\u003e\n\u003cp\u003eBy default, StyledDialogs uses Segoe UI Font with Size 9 (stored into Vcl.StyledTaskDialogFormUnit.dfm). If you want to use another font/size you can call InitializeStyledTaskDialogs like in this example:\u003c/p\u003e\n\u003cpre\u003e\u003ccode class=\"Delphi\"\u003e  //Resize Standard Message Font to an higher size and select Arial character\n  Screen.MessageFont.Size := Round(Screen.MessageFont.Size*1.2);\n  Screen.MessageFont.Name := 'Arial';\n  //Inizialize the styled dialogs using \"Bootstrap\" styled buttons and the Screen.MessageFont\n  InitializeStyledTaskDialogs(True, Screen.MessageFont, BOOTSTRAP_FAMILY);\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003e\u003cstrong\u003eStyledTaskDialog Demo\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eA simple demo to show how to use StyledTaskDialog with custom icons using ImageList.\u003c/p\u003e\n\u003cp\u003eThe main form is useful to test every format / buttons and type of dialogs.\u003c/p\u003e\n\u003cp\u003e\u003cins\u003e\u003cem\u003eConfirmation Dialog with custom font/size and English buttons\u003c/em\u003e\u003c/ins\u003e\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"./Images/ConfirmationDialog.jpg\" alt=\"ConfirmationDialog.jpg\"/\u003e\u003c/p\u003e\n\u003cp\u003e\u003cins\u003e\u003cem\u003eWarning Dialog with italians Captions in AcquaGraphite Style\u003c/em\u003e\u003c/ins\u003e\u003c/p\u003e\n\u003cp\u003eTo activate button captions is to change StyledComponents.inc file and activate {$Define ItaMessages}\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"./Images/WarningDialog.jpg\" alt=\"StyledButtonDemo.jpg\"/\u003e\u003c/p\u003e\n\u003cp\u003e\u003cins\u003e\u003cem\u003eError Dialog in Windows10 Vcl Style\u003c/em\u003e\u003c/ins\u003e\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"./Images/ErrorDialog.jpg\" alt=\"StyledButtonDemo.jpg\"/\u003e\u003c/p\u003e\n\u003cp\u003e\u003cins\u003e\u003cem\u003eCustom Message Dialog\u003c/em\u003e\u003c/ins\u003e\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"./Images/CustomDialog.jpg\" alt=\"StyledButtonDemo.jpg\"/\u003e\u003c/p\u003e\n\u003cp\u003e\u003cins\u003e\u003cem\u003eUse StyleTaskDialog component\u003c/em\u003e\u003c/ins\u003e\u003c/p\u003e\n\u003cp\u003e\u003cem\u003e\u0026hellip;with RadioButtons, CommandLinks, Verification Text and Footer Text\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"./Images/ShieldDialog.jpg\" alt=\"ShieldButtonDemo.jpg\"/\u003e\u003c/p\u003e\n\u003ch2\u003eDemo of AnimatedStyledTaskDialog\u003c/h2\u003e\n\u003cp\u003eIf you are have Skia4Delphi installed, you can also try the AnimatedTaskDialogDemo, with nice animations:\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"./Images/AnimatedStyledDialog.gif\" alt=\"AnimatedStyledDialog.gif\"/\u003e\u003c/p\u003e\n\u003ch3\u003eAvailable from Delphi XE6 to Delphi 13 (32bit and 64bit platforms)\u003c/h3\u003e\n\u003cp\u003e\u003cimg src=\"./Images/SupportingDelphi.jpg\" alt=\"Delphi Support\"/\u003e\u003c/p\u003e\n\u003cp\u003eRelated links: \u003ca href=\"https://www.embarcadero.com\"\u003eembarcadero.com\u003c/a\u003e - \u003ca href=\"https://learndelphi.org\"\u003elearndelphi.org\u003c/a\u003e\u003c/p\u003e\n\u003ch3\u003eRELEASE NOTES\u003c/h3\u003e\n\u003cp\u003e31 Aug 2025 - version 3.8.5\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eFixed StyledComponents_Setup.exe\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e26 Aug 2025 - version 3.8.4\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eTStyledTaskDialog enhanced and fixed:\u003c/li\u003e\n\u003cli\u003e\u003cblockquote\u003e\u003cp\u003eUses png with transparency for Icons\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003c/li\u003e\n\u003cli\u003e\u003cblockquote\u003e\u003cp\u003eFixed Size of Message height\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003c/li\u003e\n\u003cli\u003e\u003cblockquote\u003e\u003cp\u003eFixed MainIconSize\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003c/li\u003e\n\u003cli\u003e\u003cblockquote\u003e\u003cp\u003eFixed \u0026ldquo;default\u0026rdquo; for Custom Button\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003c/li\u003e\n\u003cli\u003e\u003cblockquote\u003e\u003cp\u003eFixed bottom panel without margins\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003c/li\u003e\n\u003cli\u003e\u003cblockquote\u003e\u003cp\u003eFixed PopupParent form for Dialogs\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e23 Aug 2025 - version 3.8.3\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eTStyledTaskDialog enhanced and fixed:\u003c/li\u003e\n\u003cli\u003e\u003cblockquote\u003e\u003cp\u003e\u0026ldquo;Flags\u0026rdquo; property default same as TTaskDialog\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003c/li\u003e\n\u003cli\u003e\u003cblockquote\u003e\u003cp\u003emoved Position and MainIconSize from public to published\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003c/li\u003e\n\u003cli\u003e\u003cblockquote\u003e\u003cp\u003emoved Handle property from published to public\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003c/li\u003e\n\u003cli\u003e\u003cblockquote\u003e\u003cp\u003efixed \u0026ldquo;Custom position\u0026rdquo; of TaskDialog using \u0026ldquo;Position\u0026rdquo; property\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003c/li\u003e\n\u003cli\u003e\u003cblockquote\u003e\u003cp\u003eInside OnDialogCreated is possible to set Position\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003c/li\u003e\n\u003cli\u003eDialogForm enhanced and fixed:\u003c/li\u003e\n\u003cli\u003e\u003cblockquote\u003e\u003cp\u003eFixed MinHeight\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003c/li\u003e\n\u003cli\u003e\u003cblockquote\u003e\u003cp\u003eFixed position of Dialog based on tfPositionRelativeToWindow flag\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e19 Aug 2025 - Version 3.8.2\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded progressbar to StyledDialog component\u003c/li\u003e\n\u003cli\u003eFixed Sort for TStyledToolButtons in 64 bit\u003c/li\u003e\n\u003cli\u003eFix painting of StyledCategoryButton when selected\u003c/li\u003e\n\u003cli\u003eAdded support for Delphi 13 Florence\u003c/li\u003e\n\u003cli\u003eSetup Updated for Delphi 13 Florence\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e12 Mar 2025 - Version 3.8.1\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded support for Delphi 12 64bit IDE\u003c/li\u003e\n\u003cli\u003eFix storing default ImageMargins of StyledButtons\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e18 Jan 2025: version 3.8.0\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded example of Custom TaskDialog Form in Demo (for Delphi 12)\u003c/li\u003e\n\u003cli\u003eFixed Clear Animation Data for Animated StyledButton\u003c/li\u003e\n\u003cli\u003eFixed Enabled of TStyledToolButton\u003c/li\u003e\n\u003cli\u003eChanged PackageGrooup File Names\u003c/li\u003e\n\u003cli\u003eUpdated Copyright 2025\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e30 Nov 2024: version 3.7.5\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded property HideSystemCloseButton to TStyledTaskDialog\u003c/li\u003e\n\u003cli\u003eAdded property OnDialogShow\u003c/li\u003e\n\u003cli\u003eFixed wordwrap for StyledBitBtn\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e10 Nov 2024: version 3.7.4\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded tdiQuestion value to show a Question mark in TaskDialog\u003c/li\u003e\n\u003cli\u003eUse Question Mark (icon ora animation) for MessageDlg and TaskDialog of mtConfirmation type\u003c/li\u003e\n\u003cli\u003eFixed Icon Size of Dialogs based on ScaleFactor\u003c/li\u003e\n\u003cli\u003eFixed DefaultButton for StyledDialog using MessageDlg and TaskDialog\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e08 Nov 2024: version 3.7.3\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eFixed Animated TaskDialog Form\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e08 Nov 2024: version 3.7.2\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded UseAnimations in StyledTaskDialog component\u003c/li\u003e\n\u003cli\u003eFixed use of StyledTaskDialog component\u003c/li\u003e\n\u003cli\u003eFixed use of ModalResult value different from standard values\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e22 Oct 2024: version 3.7.1\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eFixed background for icon into MessageDialogs\u003c/li\u003e\n\u003cli\u003eFixed drawing TStyledGraphicButton\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e20 Oct 2024: version 3.7.0\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eOutlined Colored Button (standard and SVG) now paint buttons also when focused, same as when \u0026ldquo;hot\u0026rdquo;\u003c/li\u003e\n\u003cli\u003eUse always DrawRectWithGDIPlus\u003c/li\u003e\n\u003cli\u003eAdded AnimateOnType prop for TAnimatedButton: (AnimateOnButton, AnimateOnImage)\u003c/li\u003e\n\u003cli\u003eFixed transparent background for StyledButton using DoubleBuffered\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e12 Oct 2024: version 3.6.9\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded Expanded button and Panel in StyledTaskDialog Form\u003c/li\u003e\n\u003cli\u003eChanged Panel Order in StyledTaskDialog\u003c/li\u003e\n\u003cli\u003eAdded OnEnableNavBtn event in StyledDbNavigator and StyledBindNavigator\u003c/li\u003e\n\u003cli\u003eFixed Cursor in StyledDbNavButton when disabled\u003c/li\u003e\n\u003cli\u003eFixed \u0026ldquo;Resource BUTTON_SHIELD_ADMIN not found\u0026rdquo; in StyledTaskDialog\u003c/li\u003e\n\u003cli\u003eFixed Autoclick using StyledMessageDlg and StyledTaskMessageDlg\u003c/li\u003e\n\u003cli\u003eFixed Caption position\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e08 Oct 2024: version 3.6.8\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eFixed rendering Buttons as CommandLink\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e06 Oct 2024: version 3.6.7\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eFixed StyledAnimatedComponents Packages\u003c/li\u003e\n\u003cli\u003eFixed drawing Button Caption word-wrap mode\u003c/li\u003e\n\u003cli\u003eFixed default \u0026ldquo;Spacing\u0026rdquo; to 0 for StyledButtons\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e02 Oct 2024: version 3.6.6\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eCreated a new demo comprehensive of all components (StyledComponentsDemo)\u003c/li\u003e\n\u003cli\u003eRemoved old single Component Demos\u003c/li\u003e\n\u003cli\u003eFixed \u0026ldquo;resource not found\u0026rdquo; into IDE for StyledBitBtn\u003c/li\u003e\n\u003cli\u003eFixed Dialogs position using multimonitor\u003c/li\u003e\n\u003cli\u003eFixed UseCommandLinks option\u003c/li\u003e\n\u003cli\u003eFixed Scalefactor for XE6\u003c/li\u003e\n\u003cli\u003eFixed Height of buttons in StyledCategoryButtons (before Delphi 10.4)\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e16 Sep 2024: version 3.6.5\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eFixed Dialog buttons with with DPI \u003e 100%\u003c/li\u003e\n\u003cli\u003eAdded FindDialogButton to TStyledTaskDialog\u003c/li\u003e\n\u003cli\u003eUpdated packages for Delphi 12.2\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e26 Aug 2024: version 3.6.4\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eFixed memory leak in Vcl.ButtonStylesAttributes.pas\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e20 Aug 2024: version 3.6.3\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded AutoClick and AutoClickDelay properties to StyledButton and StyledGraphicButton\u003c/li\u003e\n\u003cli\u003eAdded AutoClick and AutoClickDelay properties to StyledTaskDialog\u003c/li\u003e\n\u003cli\u003eAdded \u0026ldquo;custom\u0026rdquo; Width and Height of Buttons for Styled Message Dialogs\u003c/li\u003e\n\u003cli\u003eAdded various versions of DoStyledTaskMessageDlg(\u0026hellip;) functions and StyledShowMessageFmt procedure\u003c/li\u003e\n\u003cli\u003eAdded EStyledAttributesException for any StyleComponent Exceptions\u003c/li\u003e\n\u003cli\u003eAdded SortBySortOrder to StyledToolbar\u003c/li\u003e\n\u003cli\u003eAdded New AutoClick/Delay Demo for new and old Delphi versions\u003c/li\u003e\n\u003cli\u003eUpdated StyledMessageDlg Demo with AutoClick/Delay and ButtonsWidth\u003c/li\u003e\n\u003cli\u003eFixed drawing outside button borders when border is Rounded or RoundRect\u003c/li\u003e\n\u003cli\u003eFixed Tag value when Casting to TComponent\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e03 Aug 2024: version 3.6.2\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eFixed Stack Overflow removing StyledToolButton\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e31 Jul 2024: version 3.6.1\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eFixed Change of Index position for StyledToolButtons\u003c/li\u003e\n\u003cli\u003eFixed storing Width for StyledToolButtons when IsSeparator/Divider\u003c/li\u003e\n\u003cli\u003eInitialize StyledToolButton when Owner is a StyledToolbar\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e21 Jun 2024: version 3.6.0\nStyledTaskDialog Changes:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eRefactoring of TaskDialog functions and flags for initialization\u003c/li\u003e\n\u003cli\u003eAdded registration of UseCommandLinks for TaskDialogMessages\u003c/li\u003e\n\u003cli\u003eUse of CommandLinks in TaskDialog when asking confirmation operations\u003c/li\u003e\n\u003cli\u003eRefactoring of some function names for StyledTaskDialog\u003c/li\u003e\n\u003cli\u003eComplete update of TaskDialog and AnimatedTaskDialog Demos\u003c/li\u003e\n\u003cli\u003eRedefined default dialog min width to 500px at 96DPI\u003c/li\u003e\n\u003cli\u003eAdded properties: DialogButtonsFamily, UseCommandLinks, UseTitleInMessageDlg, AlphaBlendValue to StylesTaskDialog component\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eNotificationBadge updates:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded NotificationBadge for StyledCategoryButtons and StyleButtonGroup\u003c/li\u003e\n\u003cli\u003eUpdated StyledButton Demos with \u0026ldquo;emulation\u0026rdquo; of NotificationBadge via Timer\u003c/li\u003e\n\u003cli\u003eUpdated demos for NotificationBadge in StyledButtonGroup and StyledCategoryButtons\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eOther changes:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded TStyledButtonItem Assign method\u003c/li\u003e\n\u003cli\u003eAdded Packages for Delphi 10\nFixes:\u003c/li\u003e\n\u003cli\u003eFixed some packages for build in release mode\u003c/li\u003e\n\u003cli\u003eFixed assigning the active component if not focused\u003c/li\u003e\n\u003cli\u003eFixed compilation for DXE6\u003c/li\u003e\n\u003cli\u003eFixed height for TaskDialog when message in very long\u0026hellip;\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e11 Jun 2024: version 3.5.4\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded full support for TStyledTaskDialog component with EventHandlers and:\u003c/li\u003e\n\u003cli\u003eRadioButtons\u003c/li\u003e\n\u003cli\u003eCommandLinks\u003c/li\u003e\n\u003cli\u003eVerification Text\u003c/li\u003e\n\u003cli\u003eFooter Text\u003c/li\u003e\n\u003cli\u003eCustom buttons\u003c/li\u003e\n\u003cli\u003ePublished NotificationBadge property in StyledToolButton for StyledToolbar\u003c/li\u003e\n\u003cli\u003eRedefined size of dialog Icons/Animations, now is 64x64 (use {$DEFINE Use_Large_Dialog_Icons} to restore old value)\u003c/li\u003e\n\u003cli\u003eFixed reading Tag value for TStyledBitBtn and TStyledSpeedButton\u003c/li\u003e\n\u003cli\u003eFixed default StyleDrawType for TStyledNavButton\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e16 May 2024: version 3.5.3\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded unit Vcl.TemplateButtonStyles.pas\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e12 May 2024: version 3.5.2\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eFixed Storing Caption of StyledToolButton\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e03 May 2024: version 3.5.1\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded AlphaBlendValue for StyledTaskDialogs\u003c/li\u003e\n\u003cli\u003eAdded Assign method for StyledToolbar and StyledDbNavigator\u003c/li\u003e\n\u003cli\u003eAdded option to change default Cursor\u003c/li\u003e\n\u003cli\u003eUpdated documentation\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e26 Apr 2024: version 3.5.0\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded RoundedCorners options for StyledButtons, StyledButtonGroup, StyledCategoryButtons and StyleToolButton\u003c/li\u003e\n\u003cli\u003eUpdate Component Editor for RoundedCorners options\u003c/li\u003e\n\u003cli\u003eAdded RondedCorners Examples and Demo projects\u003c/li\u003e\n\u003cli\u003eAdded AllowAllUp, GroupIndex and Down property also to TStyledButton\u003c/li\u003e\n\u003cli\u003eFixed Drawing Caption for TStyledToolButton and TStyledNavButton\u003c/li\u003e\n\u003cli\u003eAdded Gradient\u0026hellip; properties and DrawingStyle, to StyledToolbar for backward compatibility\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e23 Apr 2024: version 3.4.5\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eEnabled components into IDE using 64Bit Windows Platform\u003c/li\u003e\n\u003cli\u003eAdded ShowCaption property (default true) to StyledButtons\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e19 Apr 2024: version 3.4.4\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eFixed StyledDbNavigator icon resize\u003c/li\u003e\n\u003cli\u003eAdded TStyledButtonCategory to interposer unit\u003c/li\u003e\n\u003cli\u003eAdded packages for Delphi XE7\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e13 Apr 2024: version 3.4.3\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eFixed internal VirtualImageList for StyledDbNavigator\u003c/li\u003e\n\u003cli\u003eFixed resize icons for StyledDbNavigator and StyledToolbar changing monitor\u003c/li\u003e\n\u003cli\u003eAdded Interposer Unit (Vcl.StyledMessagesHooks.pas) for Messages\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e7 Apr 2024: version 3.4.2\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eNew packages for Delphi 12.1\u003c/li\u003e\n\u003cli\u003eAdded support for new Delphi 12.1 Styles (Windows11 Impressive Dark/Light)\u003c/li\u003e\n\u003cli\u003eFixed StyledButtonGroup e StyledCategoryButtons\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e5 Apr 2024: version 3.4.1\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded StyledCategoryButtons Component\u003c/li\u003e\n\u003cli\u003eAdded StyledCategoryButtons Demo\u003c/li\u003e\n\u003cli\u003eFixed size of sample Button in Component Editor for StyledButtonGroup\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e3 Apr 2024: version 3.4.0\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded StyledButtonGroup Component\u003c/li\u003e\n\u003cli\u003eAdded StyledButtonGroup Demo\u003c/li\u003e\n\u003cli\u003eFixed Registration of some Components/Properties into IDE\u003c/li\u003e\n\u003cli\u003eFixed TStyledBitBtn.Caption Stored in dfm as TBitBtn\u003c/li\u003e\n\u003cli\u003eFixed ResizeButtons after loading StyledToolBar\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e16 Mar 2024: version 3.3.3\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded Notification Badge into all Styled Buttons\u003c/li\u003e\n\u003cli\u003eFixed apply StyleDrawType in component editor\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e9 Mar 2024: version 3.3.2\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded AsVCLComponent property to Buttons to simplify backward compatibility\u003c/li\u003e\n\u003cli\u003eComponent Editor redesigned\u003c/li\u003e\n\u003cli\u003eAdded component TStyledBindNavigator\u003c/li\u003e\n\u003cli\u003eUpdated Packages and Demos\u003c/li\u003e\n\u003cli\u003eFixed rescaling images of TStyledDBNavigator\u003c/li\u003e\n\u003cli\u003eFixed GropIndex of TStyledToolButton\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e3 Mar 2024: version 3.3.1\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eNew version with three new components and many improvements:\u003c/li\u003e\n\u003cli\u003eAdded a more stable version of the Animated Styled Button Component (Using Skia4Delphi)\u003c/li\u003e\n\u003cli\u003eAdded a Demo for Animated Styled Button Component\u003c/li\u003e\n\u003cli\u003eAdded Packages for Animated Styled Button Component\u003c/li\u003e\n\u003cli\u003eAdded new TStyledSpeedButton and TStyledBitBtn, with Drawing using Spacing, Margin and Layout\u003c/li\u003e\n\u003cli\u003eMore properties for TStyledButton, for 100% backward compatibili with TButton:\u003c/li\u003e\n\u003cli\u003e\u003col\u003e\n\u003cli\u003eAdded CommandLinkHint and \u0026ldquo;bsCommandLink\u0026rdquo; mode for Style property\u003c/li\u003e\n\u003c/ol\u003e\n\u003c/li\u003e\n\u003cli\u003e\u003col\u003e\n\u003cli\u003eAdded ElevationRequired Flag to automatically show \u0026ldquo;administrator-shield\u0026rdquo; icon\u003c/li\u003e\n\u003c/ol\u003e\n\u003c/li\u003e\n\u003cli\u003e\u003col\u003e\n\u003cli\u003eAdded StylusHotImageIndex and StylusHotImageName properties\u003c/li\u003e\n\u003c/ol\u003e\n\u003c/li\u003e\n\u003cli\u003e\u003col\u003e\n\u003cli\u003eAdded Down and GroupIndex and AllowAllUp to TStyledSpeedButton\u003c/li\u003e\n\u003c/ol\u003e\n\u003c/li\u003e\n\u003cli\u003eAdded \u0026ldquo;Transparent\u0026rdquo; mode for TStyledGraphicButton and TStyledSpeedButton\u003c/li\u003e\n\u003cli\u003eAdded CaptionAlignment (LeftJustify, RightJustify and Center) to control Caption position\u003c/li\u003e\n\u003cli\u003eAdded Interposer Unit (Vcl.StyledComponentsHooks.pas) to easily replace standard VCL Buttons\u003c/li\u003e\n\u003cli\u003eAdded a section in the Wiki to explain how to replace standard VCL Buttons\u003c/li\u003e\n\u003cli\u003eFixed and optimized DoubleBuffered mode to avoid flickering\u003c/li\u003e\n\u003cli\u003eFixed Parent-Background painting\u003c/li\u003e\n\u003cli\u003eFixed minor bugs\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e18 Feb 2024: version 3.2.1\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eFixed rendering icons on StyledDbNavigator\u003c/li\u003e\n\u003cli\u003eFixed rendering Glyph for ImageIndex \u003c\u003e -1\u003c/li\u003e\n\u003cli\u003eFixed rendering button when placed into Form designer\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e03 Feb 2024: version 3.2.0\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded \u0026ldquo;full-rounded button\u0026rdquo; DrawStyle\u003c/li\u003e\n\u003cli\u003eChanged default for StyleDrawType from btRounded to btRoundRect\u003c/li\u003e\n\u003cli\u003e\u003cem\u003eStyleDrawType=btRounded now draw a \u0026ldquo;full-rounded button\u0026rdquo; (StyleRadius ignored)\u003c/em\u003e\u003c/li\u003e\n\u003cli\u003e\u003cem\u003eStyleDrawType=btRoundRect now draw a \u0026ldquo;button with rounded corners\u0026rdquo; (defined by StyleRadius)\u003c/em\u003e\u003c/li\u003e\n\u003cli\u003eAdded RegisterDefaultRenderingStyle for all classes (to define default rendering)\u003c/li\u003e\n\u003cli\u003eFixed storing CustomStyles Attributes info into dfm\u003c/li\u003e\n\u003cli\u003eFixed redraw when Enabled changed\u003c/li\u003e\n\u003cli\u003eFixed SplitButton triangle for Flat buttons\u003c/li\u003e\n\u003cli\u003eExperimental: New Animated Buttons (Using Skia4Delphi)\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e02 Jan 2024: version 3.1.1\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eFixed Background color for component editor in Delphi 12\u003c/li\u003e\n\u003cli\u003eFixed Autosize/Wrapable for TStyledToolbar\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e23 Oct 2023: version 3.1.0\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eFixed FlatButton when disabled\u003c/li\u003e\n\u003cli\u003eFixed Autosize/Wrapable for TStyledToolbar\u003c/li\u003e\n\u003cli\u003eFixed Background Drawing\u003c/li\u003e\n\u003cli\u003eFixed default registration for StyledTaskDialogStd form\u003c/li\u003e\n\u003cli\u003eRelesed on GetIt Package Manager\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e08 Oct 2023: version 3.0.0\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eComplete refactoring using TStyledButtonRender to Render both TStyledGraphicButton and TStyledButton\u003c/li\u003e\n\u003cli\u003eRemoved \u0026ldquo;invisible\u0026rdquo; TStyledButtonFocusControl present in 2.x version: \u0026ldquo;Focus\u0026rdquo; and \u0026ldquo;TabStop\u0026rdquo; now works as in standard VCL Button\u003c/li\u003e\n\u003cli\u003eStoring of properties in dfm are optimized with ActionLink\u003c/li\u003e\n\u003cli\u003eAdded support for Accelerator Keys and Keyboard Shortcuts\u003c/li\u003e\n\u003cli\u003eAdded new TStyledDbNavigator component\u003c/li\u003e\n\u003cli\u003eAddeed \u0026ldquo;Flat\u0026rdquo; support to StyledButtons, StyledToolbar\u003c/li\u003e\n\u003cli\u003eAdded Glyph support (for retro-compatibility with TSpeedButton and TBitBtn)\u003c/li\u003e\n\u003cli\u003eFixed \u0026ldquo;Cancel\u0026rdquo; and \u0026ldquo;Default\u0026rdquo; click and focus\u003c/li\u003e\n\u003cli\u003eFixed flickering problems (using DoubleBuffering)\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e07 Sep 2023: version 2.1.0\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded support for Delphi 12\u003c/li\u003e\n\u003cli\u003enew \u0026ldquo;SplitButton\u0026rdquo; Style for Buttons and Toolbar, as in VCL, with DropDownMenu:\u003c/li\u003e\n\u003cli\u003eAdded property Style to TStyledGraphicButton/TStyledButton as in VCL TButton\u003c/li\u003e\n\u003cli\u003eAdded DropDownMenu for Style \u0026ldquo;bsSplitButton\u0026rdquo;\u003c/li\u003e\n\u003cli\u003eChanged type TStyledToolButtonStyle to TToolButtonStyle (now uses the VCL type)\u003c/li\u003e\n\u003cli\u003eRemoved type TStyledButtonStyle, now uses the VCL type: TButtonStyle\u003c/li\u003e\n\u003cli\u003eRenamed StyledToolbar.AutoWrap property to Wrapable (as in VCL Toolbar)\u003c/li\u003e\n\u003cli\u003eUpdate VCL Styled Button Demo with more rendering options\u003c/li\u003e\n\u003cli\u003eFixed some problems with StyledToolbar and VCL-styled\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e10 Jul 2023: version 2.0.0\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded two StyleFamily options: \u0026ldquo;Basic-Color\u0026rdquo; and \u0026ldquo;SVG-Color\u0026rdquo;\u003c/li\u003e\n\u003cli\u003eAdded new component: TStyledToolbar with Component-Editor\u003c/li\u003e\n\u003cli\u003eUpdated \u0026ldquo;Classic\u0026rdquo; family with full support of every VCL-Styles\u003c/li\u003e\n\u003cli\u003eUpdated \u0026ldquo;Component-Editor\u0026rdquo; and \u0026ldquo;Property-Editors\u0026rdquo;\u003c/li\u003e\n\u003cli\u003eAdded \u0026ldquo;WordWrap\u0026rdquo; property\u003c/li\u003e\n\u003cli\u003eAdded more Demos, like StyledToolbarDemo and StyledButtonsVCLStyled\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e23 Nov 2023: version 1.1.0\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eFixed AnimatedStyledDialog Demo\u003c/li\u003e\n\u003cli\u003eAdded gif to show AnimatedStyledDialog Demo\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e17 Nov 2022: version 1.0.0\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eFirst official version\nStyledButton:\u003c/li\u003e\n\u003cli\u003eRemoved FontName from Specific Style\u003c/li\u003e\n\u003cli\u003eAdded PopUpMenu\u003c/li\u003e\n\u003cli\u003eAutomatic Style changing ModalResult\u003c/li\u003e\n\u003cli\u003eFixed Button Border size changing DPI of screen\u003c/li\u003e\n\u003cli\u003eFixed Outlined Appearance of \u0026ldquo;Classic\u0026rdquo; buttons\u003c/li\u003e\n\u003cli\u003eDemo updated to show Buttons with ModalResult\nStyledDialog:\u003c/li\u003e\n\u003cli\u003eFixed width of Dialog changing DPI of screen\u003c/li\u003e\n\u003cli\u003eStyles of buttons selectable by \u0026ldquo;Family\u0026rdquo;\u003c/li\u003e\n\u003cli\u003eFixed tabstop and focus of buttons\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e15 Nov 2022: version 0.9.9\nStyledButton:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded Angular-Light and Angular-Dark Families\u003c/li\u003e\n\u003cli\u003eRadius renamed to StyleRadius\u003c/li\u003e\n\u003cli\u003eBorderType renamed to StyleDrawType\u003c/li\u003e\n\u003cli\u003eFixed MouseDown for GraphicButton\u003c/li\u003e\n\u003cli\u003eAdded CreateAndPosStyledButton global function\u003c/li\u003e\n\u003cli\u003eAdded AssignAttributes method\u003c/li\u003e\n\u003cli\u003eChanged \u0026ldquo;Down\u0026rdquo; to \u0026ldquo;Pressed\u0026rdquo;\u003c/li\u003e\n\u003cli\u003eChanged \u0026ldquo;Focused\u0026rdquo; to \u0026ldquo;Selected\u0026rdquo;\u003c/li\u003e\n\u003cli\u003eFixed ClickEffect\u003c/li\u003e\n\u003cli\u003eUpdated Demo\u003c/li\u003e\n\u003cli\u003eUpdated Component Editor to include Angular Families\nStyledDialog:\u003c/li\u003e\n\u003cli\u003eAdded example of AnimatedTaskDialog using Skia4Delphi\u003c/li\u003e\n\u003cli\u003eTStyledTaskDialogForm is the base Form class for any StyledDialog\u003c/li\u003e\n\u003cli\u003eAdded example of Lottie animations in Animations folder\u003c/li\u003e\n\u003cli\u003eAdded resources of Animation built with Resource Compiler\u003c/li\u003e\n\u003cli\u003eAdded Delphi 10.1, 10.2, 10.3 Packages\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e10 Nov 2022: version 0.9.8\nStyledButton:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded DisabledImages, DisabledImageName, DisabledImageIndex, PressedImageIndex, PressedImageName, HotImageIndex, HotImageName, SelectedImageIndex, SelectedImageName.\u003c/li\u003e\n\u003cli\u003eUsed GDI+ for rendering of buttons\u003c/li\u003e\n\u003cli\u003eAdded Circle and Square Buttons styles\nStyledDialog:\u003c/li\u003e\n\u003cli\u003eAdded Footer area and Text\u003c/li\u003e\n\u003cli\u003eAdded full support for component TStyledTaskDialog (eg.shield icon)\u003c/li\u003e\n\u003cli\u003eFixed Focused and DefaulButton\u003c/li\u003e\n\u003cli\u003eUpdated test demo\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e07 Nov 2022: version 0.9.5 (VCL)\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded Styled Button properties: StyleFamily, StyleClass and StyleAppearance\u003c/li\u003e\n\u003cli\u003eAdded \u0026ldquo;Classic Family\u0026rdquo; with Styles similar to VCL Styles\u003c/li\u003e\n\u003cli\u003eUpdated \u0026ldquo;Bootstrap Family\u0026rdquo;\u003c/li\u003e\n\u003cli\u003eAdded Component Editor for Styled Button\u003c/li\u003e\n\u003cli\u003eFixed Dialog Form: focused buttons, all dialog buttons available\u003c/li\u003e\n\u003cli\u003eFixed Styled Button\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e03 Nov 2022: version 0.9.1 (VCL)\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdded TStyledGraphicButton\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e01 Nov 2022: version 0.9.0 (VCL)\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eFirst \u0026ldquo;beta\u0026rdquo; version\u003c/li\u003e\n\u003c/ul\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fetheadev%2Fstyledcomponents","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fetheadev%2Fstyledcomponents","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fetheadev%2Fstyledcomponents/lists"}