Updates for DataFlex Styler version 26.0
October 6, 2026
Styler Updates:
Changes in Styler Behavior
If the base theme for the theme being loaded is based on a theme that has been removed (we removed themes for DataFlex versions we no longer support), the base theme is switched to the latest supported version. For example, if you open a theme that was created using the “18.2 Material” base theme, it will now switch to “26.0 Material”.
No matter which version of a base theme you select, the Styler will model it using the latest version of that theme. For example, if you select the “24.0 Material” base theme, it will be modeled in the Styler using the “26.0 Material” theme. But when you download the theme, it will generate the theme for the version of the base theme you selected.
We made the Styler write values directly to CSS variables, which DataFlex 25.0 and higher themes directly support. This also means that the Styler no longer flashes every time you change anything, it now changes smoothly.
We added a Copy CSS Variables button, which allows you to simply copy the block of CSS variables that are at the top of DataFlex 25.0 and higher themes. This button is only enabled with 25.0 and higher themes (which support CSS variables).
Dark Mode for 26.0 themes is not yet supported, but we should add this soon.
Other Updates
- Added DataFlex 26.0 themes
Bug Fixes in Themes:
- Fixed: fonts now load properly.
- Fixed: font sizes did not adjust correctly with font sliders.
- Fixed: row border bottom defaults to on and size 1px, but did not display in the preview until it was toggled off and back on.
- Fixed: call border padding defaults to 6 6 6 6, but did not display in the preview (CSS variable was set to 0 not 6).
- Fixed: Color form immediately updates colors in preview when clicking a color in the color picker.
- Fixed: Error Dark color form was updating Main Light color.
Updates for DataFlex Styler version 24.0
March 19, 2024
Styler Updates:
- Added DataFlex 24.0 themes
Bug Fixes in Themes:
- Fixed printer icon in material themes.
- Fixed hamburger menu in 23 & 24 material themes (it only showed 2 bars instead of 3).
Updates for DataFlex Styler version 23.0
Styler UI Improvements:
- Added
tooltips explaining what colors and styles are applied to what, valid
values for sliders, etc.
- Added
same column types to Touch and Desktop previews as Material already had
(previously, these only had 3 column types).
- Clicking
on the DataFlex Styler logo now navigates to the Data Access Home Page (https://www.dataaccess.com).
- Added
a version number to the Styler (on the bottom left), based on the latest
DataFlex version the Styler supports themes for.
Styler UI Bug Fixes:
- Some
sliders did not update when a number was entered into the form next to it.
- Fixed
the Styler caption (what’s displayed on the browser Tab button) to always
say “DataFlex Styler”.
- Buttons
in Preview panels were cut off in smaller browsers windows and screens. We
added scrollbars to any containers where this could occur.
- Some
sliders for the Styler used some of the selected styler colors as the
slider and slider position colors.
Fixed bugs in
23.0 themes:
- Fixed
issues with submenu captions being displaced.
Added styling
for controls new to DataFlex 23.0:
- List
column selector: Group Columns, + Add Group, + Add sub group, dropdown
lists for columns use the lightest shade as the background.
- List
Grouping headers use:
- Level
0: Main Dark
- Level
1: Main
- Level
2: Main Medium
- Level
3: Main Light
- Level
4+: Lightest Shade
- Drop
zones for drag and drop use the highlight color as background color and
the warning color as drop zone outline/border color.
Bug Fixes for
older (DataFlex 21.0 and earlier) styles:
- Some
themes were missing the application background color. They now use the
lightest shade (the same for all themes). Applied to 20.1 Flat &
Desktop, 20.0 Flat & Desktop themes.
- Drop
zones for drag and drop were not styled. They use the highlight color as
background color and the warning color as drop zone outline/border color.
Applied to all 20.1 themes.
- Combo
in lists had -5 left margin that caused selected combo text to be cut off
on left. Applied to 20.1 and older Material themes.