Radzen Blazor Components v12 Changelog linkLink to this section

Track and review changes to Radzen Blazor Components v12

Breaking changes linkLink to this section

• Breaking RadzenDatePicker calendar navigation now defaults to the new drill-down mode - the calendar title drills up to a month grid and a year grid instead of showing month and year drop-downs. Set NavigationMode="DatePickerNavigationMode.DropDown" to restore the previous behavior.
• Breaking Enum filter values in DataGrid settings are now serialized as numbers instead of FullName casts. Settings saved by previous versions are still loaded.
• Breaking The dynamic LINQ API (QueryableExtension and related methods) is now marked with [RequiresUnreferencedCode]. Applications published with trimming enabled will see analyzer warnings when calling it directly.
• Breaking RadzenChart column, bar and area series and their stacked variants now include zero in the value axis by default. Set Range="ValueAxisRange.Data" on RadzenValueAxis to restore the previous behavior. RadzenSparkline keeps fitting its data unless its value axis sets Range="ValueAxisRange.IncludeZero". Line, scatter and stacked line series with all-negative values now fit their data instead of ending at zero. Set Range="ValueAxisRange.IncludeZero" to restore the previous behavior.
• Breaking RadzenChart category labels now fit by default - labels that do not fit are rotated, skipped and shortened with an ellipsis. LabelRotation and LabelAutoRotation now set only the angle of the rotated labels. Set LabelFit="CategoryAxisLabelFit.None" on RadzenCategoryAxis to restore the previous behavior. Axis labels are clipped at the chart edge.
• Breaking RadzenChart value axes compute the tick step from the data range, so some axes get finer steps. Set Step to use a fixed step.
• Breaking A RadzenChart axis that sets only Min or only Max now rounds its other end to a tick. Set both Min and Max to restore the previous behavior.

New Components linkLink to this section

• New RadzenDateRangePicker - a date range picker component with a two-month calendar, min/max support and drill-down navigation.
• New RadzenVirtualKeyboard - an on-screen virtual keyboard that attaches to inputs or renders inline, with custom layouts, numpad mode and locale support.
• New RadzenSchedulerResource - declares a resource type (rooms, people, equipment) of RadzenScheduler for grouping appointments by resource.
• New RadzenMarkdownEditor - a Markdown editor with a WYSIWYG Design mode, a Source mode for the raw Markdown, a toolbar, keyboard shortcuts, undo and redo and custom tools.

RadzenMarkdownEditor linkLink to this section

• Feature Two editing modes selected with the Mode property - MarkdownEditorMode.Design (default) edits the rendered document in place and writes it back to Markdown after every edit; MarkdownEditorMode.Source edits the raw Markdown in a textarea. The built-in mode switcher toggles between them and the Markdown text is the Value in both modes.
• Feature Built-in tools for bold, italic, strikethrough, inline code, code blocks, headings and paragraphs (RadzenMarkdownEditorFormatBlock), block quotes, bullet, numbered and task lists, links, images and horizontal rules. Place tools inside the editor to compose a custom toolbar or leave it empty for the default one.
• Feature Table authoring with RadzenMarkdownEditorTable and RadzenMarkdownEditorTableTools - insert a table, insert or delete rows and columns and align columns. The same commands open as a context menu on right click inside a table cell.
• Feature Undo and redo history shared by both modes, including toolbar actions, with Ctrl+Z and Ctrl+Y shortcuts. Ctrl+B, Ctrl+I and Ctrl+K toggle bold and italic and insert a link.
• Feature Paste HTML or plain text as Markdown and copy the selection as Markdown. Emoji shortcodes such as :smile: are replaced while typing in Design mode.
• Feature RadzenMarkdownEditorCustomTool adds custom toolbar buttons that raise the Execute event or render arbitrary content through its Template. Immediate and the Input event report changes on every keystroke.

RadzenMarkdown linkLink to this section

• Feature GitHub Flavored Markdown strikethrough (~~text~~) and task list items (- [ ] and - [x]) are parsed and rendered. The parser exposes them as the Strikethrough inline node and ListItem.Checked.
• Feature New HtmlVisitor in Radzen.Documents.Markdown renders a parsed document or a Markdown string to an HTML string with HtmlVisitor.ToHtml. Links and images with javascript:, vbscript: and data: URLs are blanked.
• Update INodeVisitor.VisitStrikethrough has a default implementation so existing visitor implementations keep compiling.

RadzenScheduler linkLink to this section

• Feature Group appointments by resource in all views (day, week, month, multi-day, planner, timeline and year) by declaring RadzenSchedulerResource types and setting GroupByResource="true" on a view. Supports hierarchical grouping by multiple resource types and horizontal or vertical orientation via GroupOrientation.
• Feature Appointments can belong to multiple resources when the resource property is a collection.
• Feature Resize appointments by dragging their edges in day, week and multi-day views. Handle the AppointmentResize event to apply the new duration.
• Feature New AllDayProperty renders all-day appointments in a dedicated row of the week view. Configure it with the ShowAllDay and AllDayText properties of RadzenWeekView.

RadzenGantt linkLink to this section

• Feature Resource view - display tasks in resource lanes with stacking, hierarchical resources via ResourceParentIdProperty, an unassigned tasks lane and a workload histogram. Enabled with ResourceData, ResourceIdProperty, ResourceTextProperty and TaskResourceIdProperty.
• Feature Multi-year timescale - new quarter-based Years view for multi-year projects and a rescaled Year view.

RadzenDataGrid linkLink to this section

• Feature Export to Excel and CSV directly in the browser with ExportToExcelAsync and ExportToCsvAsync - no server endpoint required. Exports respect the current sort, filter, column order, visibility and format strings, and can include the current page or all rows.
• Feature Exporting all rows of a grid bound with LoadData requests the data in chunks, reports progress through DataGridExportOptions.Progress, supports cancellation and restores the visible page when done.
• Feature Excel exports apply the current theme - header and row colors, gridlines and font size - and typed values keep their number and date formats. Set UseTheme="false" to export plain cells.
• Feature New ExportValue column parameter exports template columns that have no Property. ToWorkbookAsync returns the workbook before it is saved for further customization with the spreadsheet API.

RadzenDatePicker linkLink to this section

• Feature New NavigationMode property with drill-down calendar navigation - the calendar title drills up to a month grid and a year grid. Drill-down is the default; DatePickerNavigationMode.DropDown restores the month and year drop-downs.

Trimming linkLink to this section

• Feature The library is now compatible with .NET trimming (PublishTrimmed) and Blazor WebAssembly trimmed publish. Data-bound components preserve the members they access via reflection through DynamicallyAccessedMembers annotations. See TRIMMING.md for consumer-facing guidance.
• Update The shipped LinkerConfig.xml has been replaced with conditional DynamicDependency roots, so only the types an application actually uses are preserved.

Radzen Blazor Components v11 Changelog linkLink to this section

Track and review changes to Radzen Blazor Components v11

Breaking changes linkLink to this section

• Breaking .NET 7 support has been removed. The library now targets .NET 8, .NET 9, and .NET 10.
• Breaking The Markdown parser namespace has changed from Radzen.Blazor.Markdown to Radzen.Documents.Markdown. Update using directives accordingly.
• Breaking Empty CategoryProperty in chart series will no longer fall back to the row index.
• Breaking The internal Radzen.Blazor.Rendering.Popup component has been promoted to the public RadzenPopup component in the Radzen.Blazor namespace. Replace <Popup> with <RadzenPopup> and remove the @using Radzen.Blazor.Rendering directive.

New Components linkLink to this section

• New RadzenSpreadsheet - a full-featured spreadsheet component with XLSX import/export, formula engine, formatting, filtering, sorting, conditional formatting, data validation, charts, and more.
• New RadzenSignaturePad - a signature pad component for capturing handwritten signatures.

RadzenSpreadsheet linkLink to this section

• Feature Formula engine with Excel-compatible functions including math, text, date/time, lookup, statistical, and logical functions.
• Feature XLSX import and export with full round-trip support.
• Feature Cell formatting: bold, italic, underline, font color, background color, text alignment, vertical alignment, and number formats (including scientific and accounting).
• Feature Format Cells dialog for advanced formatting options.
• Feature Filtering and sorting with undo support.
• Feature Conditional formatting rules.
• Feature Frozen panes (rows and columns).
• Feature Cell, row header, and column header context menus.
• Feature Undo and redo with keyboard shortcuts.
• Feature Insert and delete rows and columns.
• Feature Merged cells support.
• Feature Column and row resizing.
• Feature Data validation with input prompts and error alerts.
• Feature Floating images with interactive resize via drag handles.
• Feature Autofill feature for extending cell values and patterns.
• Feature Multiple sheet (worksheet) support.
• Feature Sheet and workbook protection.
• Feature Embedded chart support with chart context menu and Edit Chart dialog.
• Feature Custom cell type support.
• Feature Localization service for all spreadsheet UI strings.
• Feature Address-aware copy, cut, and paste operations.
• Feature Drag-to-move support for charts and images.
• Feature Data binding support.
• Feature Streamed export - Workbook.SaveToStreamAsync appends rows from an IAsyncEnumerable below the workbook's last row as it saves, so exporting large data sets does not hold the rows in memory.

Charts linkLink to this section

• New New chart series types: Candlestick, OHLC, Waterfall, Horizontal Waterfall, Range Column, Range Bar, Range Area, Range Step Area, Box Plot, Bullet, Pyramid, Heatmap, Treemap, Funnel, Radar Column, Step Line, Step Area, Stacked Line, Full Stacked Column, Full Stacked Bar, Full Stacked Area, Full Stacked Line, and High-Low.
• New RadzenHeatmapSeries - chart series that renders a grid of colour-coded cells on numeric X/Y axes, driven by an intensity property and a SeriesColorRange palette.
• New RadzenContourSeries - chart series that renders a filled iso-band contour plot (e.g. isoilluminance) from a regular grid of scalar samples, with optional iso-lines.
• New Range Navigator component for interactive range selection on chart data.
• New Chart Gallery page showcasing all available chart types.
• Feature Pan and zoom support for interactive data exploration.
• Feature RTL (right-to-left) support.
• Feature Series and legend hover effects.
• Feature Multiple axes support.
• Feature Logarithmic and indexed axis types.
• Feature Axis crossing and inverted axis support.
• Feature Trendline support.
• Feature Drill-down support.
• Feature Spider chart now supports polar chart configurations.
• Feature Pie and Donut series RadiusProperty and ExplodeOffset properties.
• Feature Range Navigator compact mode and axis support.

Localization linkLink to this section

• Feature Localization unified to resource-based approach across all components.

RadzenLabel linkLink to this section

• Update Added TextStyle property to RadzenLabel.

CSP linkLink to this section

• Update Content Security Policy (CSP) compatibility improvements across components.

Radzen Blazor Components v10 Changelog linkLink to this section

Track and review changes to Radzen Blazor Components v10

RadzenToc linkLink to this section

• Breaking RadzenTocItem now renders an <a> element instead of a <button>. Update CSS selectors that target .rz-toc-link as a button.
• Breaking The selected TOC item now uses aria-selected instead of aria-current="location".
• Breaking Scrolling no longer updates the browser address bar. The URL fragment is set only when the user clicks a TOC link.
• Update Scroll tracking made simpler and more deterministic visible-section selection.

RadzenScheduler linkLink to this section

• Breaking Month view "more" button moved from an absolute-positioned overlay to the slot header (.rz-slot-title). Update custom CSS that targets the old .rz-event-list-btn positioning.

Radzen Blazor Components v9 Changelog linkLink to this section

Track and review changes to Radzen Blazor Components v9

Rendering and accessibility linkLink to this section

• Breaking Updated rendering across multiple components to improve WAI-ARIA support and semantic HTML (interactive elements now render as buttons/inputs/nav where appropriate, additional aria-* attributes and localizable labels were added, and the new rz-hidden-accessible helper class is used). Update custom DOM or CSS selectors if they target old tags.
• Breaking .NET 6.0 support has been removed.

Radzen Blazor Components v8 Changelog linkLink to this section

Track and review changes to Radzen Blazor Components v8

New Components linkLink to this section

• New Chat - component for multi-participant conversations with support for distinct user identities.
• New FAB - Floating Action Button helps highlight your app’s most important action.
• New FabMenu - RadzenFabMenu provides quick access to multiple actions.
• New PivotDataGird - create cross-tabulation tables for analyzing large datasets.

AIChat linkLink to this section

• Breaking RadzenAIChat ChatMessage shared between RadzenChat, RadzenAIChat and AIChatService

SiderBar linkLink to this section

• Breaking Added two new options:
  • Position="SidebarPosition.Start" to position the SideBar to Left, Right, Start, End
  • FullHeight for setting the Sidebar to full height or wrapped between RadzenHeader and RadzenFooter. Default is false.
  • Example:

    Old:

    <RadzenLayout Style="grid-template-columns: 1fr auto; grid-template-areas: 'rz-header rz-header' 'rz-body rz-sidebar'">
        <RadzenSidebar>
        </RadzenSidebar>
    </RadzenLayout>
    

    New:

    <RadzenLayout>
        <RadzenSidebar Position="SidebarPosition.End" >
        </RadzenSidebar>
    </RadzenLayout>
    

Radzen Blazor Components v7 Changelog linkLink to this section

Track and review changes to Radzen Blazor Components v7

Dependencies linkLink to this section

Breaking Starting from Radzen Blazor v7.0.0 we have dropped the dependency on Roslyn (Microsoft.CodeAnalysis.*) packages. Expression parsing now relies on a home-grown implementation. Some expressions may no longer work.

Animations linkLink to this section

Breaking Added animations to Popup, Dialog, SideDialog, DropDown, DropDownDataGrid, Notification, Tooltip, Tree, Panel, Fieldest, PanelMenu, Menu, ContextMenu, SplitButton and Accordion. Some of the components used inline style to hide certain content which makes it impossible to animate. We have updated those components to use CSS class based hiding. As a result theme CSS files need to be updated. The free themes should work out of the box as long as they are not cached by the browser (RadzenTheme takes care of cache busting). Premium themes should be updated from Radzen Blazor Studio and Radzen Blazor for Visual Studio. The latest versions of both products would display a warning that the premium theme is outdated and update it automatically without losing any customizations.

Accordion changes linkLink to this section

Breaking RadzenAccordion now hides its child content using CSS class in order to support animations. The older behavior was to remove the child content entirely.

RadzenScheduler month view linkLink to this section

Breaking We have redone rendering implementation of the month view in RadzenScheduler. The old implementation didn't handle some cases and relied on odd sorting rules. The new implementation is much more robust and should handle a lot more scenarios. The Breaking change is that appointments may not appear in the same order as before.

Radzen Blazor Components v6 Changelog linkLink to this section

Track and review changes to Radzen Blazor Components v6

Dependencies linkLink to this section

Breaking Starting from Radzen Blazor v6.0.0 we have dropped the dependency on the System.Linq.Dynamic.Core NuGet package. We are now using a home-grown solution based on Roslyn (the C# compiler API). More information can be found in the forum.

MarkupString support linkLink to this section

Breaking Starting from v6.4.0 Radzen.Blazor no longer accepts HTML content in certain string properties - like Text, Icon, PagingSummaryFormat, etc. We have introduced RenderFragment based properties where needed. This change is made to improve the security of our components and to prevent certain XSS attacks.

Old:

PagingSummaryFormat="Displaying page {0} of {1} <b>(total {2} records)</b>

New:

<PagingSummaryTemplate>
    Displaying page @context.CurrentPage of @context.NumberOfPages <b>(total @context.TotalCount records)</b>
</PagingSummaryTemplate>

Radzen Blazor Components v5 Changelog linkLink to this section

Track and review changes to Radzen Blazor Components v5.

Dependencies linkLink to this section

• Dropped Bootstrap - including the Bootstrap CSS is not mandatory any more.
• Dropped the obsolete RadzenGrid component.
• Dropped support for .NET Core 3.x and .NET 5.

Common linkLink to this section

• New RTL Support - All components now support right to left direction for languages that are written from the right to the left (like Arabic).
• New All components now render with box-sizing: border-box;.

New Components linkLink to this section

• New RadzenAppearanceToggle - A toggle button to quickly switch between light and dark themes.
• New RadzenTheme - Use it to load themes to your app.

Themes linkLink to this section

• New Open sourced Material Dark theme - you can now use Material Dark theme for free!
• New Added Standard Dark free theme.
• New Added Humanistic Dark free theme.
• New Added Software Dark free theme.

Colors linkLink to this section

• New Added --rz-base color variable and shades.

Typography linkLink to this section

• Update Replaced all Source Sans Pro fonts with Source Sans 3 variable fonts.
  • Added SourceSans3VF-Italic.ttf.woff2
  • Added SourceSans3VF-Upright.ttf.woff2
  • Deleted SourceSansPro-Black.woff
  • Deleted SourceSansPro-BlackIt.woff
  • Deleted SourceSansPro-Black.woff
  • Deleted SourceSansPro-BlackIt.woff
  • Deleted SourceSansPro-Bold.woff
  • Deleted SourceSansPro-BoldIt.woff
  • Deleted SourceSansPro-ExtraLight.woff
  • Deleted SourceSansPro-ExtraLightIt.woff
  • Deleted SourceSansPro-It.woff
  • Deleted SourceSansPro-Light.woff
  • Deleted SourceSansPro-LightIt.woff
  • Deleted SourceSansPro-Regular.woff
  • Deleted SourceSansPro-Semibold.woff
  • Deleted SourceSansPro-SemiboldIt.woff
• Update Replaced all Roboto fonts with Roboto Flex variable font.
  • Added RobotoFlex.woff2
  • Deleted roboto-v15-latin-300.woff
  • Deleted roboto-v15-latin-700.woff
  • Deleted roboto-v15-latin-regular.woff
  • Deleted roboto-v30-latin-300.woff
  • Deleted roboto-v30-latin-500.woff
  • Deleted roboto-v30-latin-700.woff
  • Deleted roboto-v30-latin-regular.woff

Icons linkLink to this section

• Breaking Replaced Material Icons font with Material Symbols variable font.
  • Added MaterialSymbolsOutlined.woff2
  • Deleted MaterialIcons-Regular.woff
• Breaking Removed direction: ltr; rule from .rzi CSS class.

DataGrid linkLink to this section

• Update Updated and unified Clear and Apply button appearance in filtering popups
• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-grid-header-filter-icon-margin is now --rz-grid-header-filter-icon-margin-inline
  • Updated --rz-grid-header-title-padding is now --rz-grid-header-title-padding-inline
  • Updated --rz-column-drag-handle-margin is now --rz-column-drag-handle-margin-inline
  • Updated --rz-grid-filter-icon-margin is now --rz-grid-filter-icon-margin-inline
  • Updated --rz-grid-group-header-item-padding is now --rz-grid-group-header-item-padding-block
  • Added --rz-grid-group-header-item-title-margin-inline
  • Added --rz-grid-group-header-item-padding-inline
  • Added --rz-grid-group-header-gap
  • Added --rz-grid-group-header-item-color
  • Deleted --rz-grid-group-header-item-margin
  • Deleted --rz-grid-group-header-items-margin

DataList linkLink to this section

• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-datalist-item-vertical-margin is now --rz-datalist-item-margin-block
  • Updated --rz-datalist-item-horizontal-margin is now --rz-datalist-item-margin-inline

DataFilter linkLink to this section

• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-datafilter-item-padding-y is now --rz-datafilter-item-padding-block
  • Updated --rz-datafilter-item-padding-left is now --rz-datafilter-item-padding-inline-start

Pager linkLink to this section

• Breaking All CSS classes starting with .rz-paginator-* are renamed to .rz-pager-*
• Breaking All CSS variables starting with --rz-paginator-* are renamed to --rz-pager-*
• Breaking Replaced spacing related CSS variables and updated values respectively:
  • Added --rz-pager-gap
  • Deleted --rz-paginator-first-button-margin
  • Deleted --rz-paginator-last-button-margin
  • Deleted --rz-paginator-dropdown-margin
  • Deleted --rz-paginator-numeric-button-margin
• Deleted --rz-paginator-back-button-hover-color
• Deleted --rz-paginator-back-button-hover-background-color
• Deleted --rz-paginator-next-button-hover-color
• Deleted --rz-paginator-next-button-hover-background-color

Scheduler linkLink to this section

• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-scheduler-prev-next-button-padding is now --rz-scheduler-prev-next-button-padding-block and --rz-scheduler-prev-next-button-padding-inline
  • Updated --rz-scheduler-today-button-margin-left is now --rz-scheduler-today-button-margin-inline-start
  • Updated --rz-scheduler-event-padding is now --rz-scheduler-event-padding-block and --rz-scheduler-event-padding-inline
  • Updated --rz-scheduler-prev-button-border-radius is now split into:
    • --rz-scheduler-prev-button-border-start-start-radius
    • --rz-scheduler-prev-button-border-start-end-radius
    • --rz-scheduler-prev-button-border-end-start-radius
    • --rz-scheduler-prev-button-border-end-end-radius
  • Updated --rz-scheduler-next-button-border-radius is now split into:
    • --rz-scheduler-next-button-border-start-start-radius
    • --rz-scheduler-next-button-border-start-end-radius
    • --rz-scheduler-next-button-border-end-start-radius
    • --rz-scheduler-next-button-border-end-end-radius
• New --rz-scheduler-highlight-background-color - Use it to highlight working hours in day view, or today in calendar view.

Tree linkLink to this section

• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-tree-node-padding is now --rz-tree-node-padding-block and --rz-tree-node-padding-inline
  • Updated --rz-tree-node-margin is now --rz-tree-node-margin-block and --rz-tree-node-margin-inline

Image linkLink to this section

• New Added vertical-align: middle; to all images and SVGs inside a Radzen Blazor Component

Layout linkLink to this section

• New CSS reset styles to <body> are applied only when <RadzenLayout> is used.

Dialog linkLink to this section

• Breaking Dialog's title bar now uses flex model for its layout.
• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-dialog-title-padding is now --rz-dialog-title-padding-block and --rz-dialog-title-padding-inline

Sidebar linkLink to this section

• Breaking Renamed direction related CSS variables and updated values respectively:
  • Updated --rz-sidebar-border-right is now --rz-sidebar-border-inline-end

Splitter linkLink to this section

• Update Splitter icons now use font-family: var(--rz-icon-font-family) instead of hardcoded icon font.

Accordion linkLink to this section

• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-accordion-item-padding is now --rz-accordion-item-padding-block and --rz-accordion-item-padding-inline
  • Updated --rz-accordion-icon-margin is now --rz-accordion-icon-margin-inline
  • Updated --rz-accordion-toggle-icon-margin is now --rz-accordion-toggle-icon-margin-inline
  • Updated --rz-accordion-content-padding is now --rz-accordion-content-padding-block and --rz-accordion-content-padding-inline
  • Added --rz-accordion-toggle-icon-collapsed-rtl
  • Added --rz-accordion-toggle-icon-expanded-rtl

ContextMenu linkLink to this section

• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-context-menu-padding is now --rz-context-menu-padding-block and --rz-context-menu-padding-inline

Login linkLink to this section

• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-login-register-padding is now --rz-login-register-padding-block and --rz-login-register-padding-inline
  • Updated --rz-login-register-margin is now --rz-login-register-margin-block and --rz-login-register-margin-inline
  • Updated --rz-login-register-button-margin is now --rz-login-register-button-margin-block and --rz-login-register-button-margin-inline

Menu linkLink to this section

• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-menu-item-icon-margin is now --rz-menu-item-icon-margin-inline
  • Updated --rz-menu-item-padding is now --rz-menu-item-padding-block and --rz-menu-item-padding-inline
  • Updated --rz-menu-top-item-padding is now --rz-menu-top-item-padding-block and --rz-menu-top-item-padding-inline

PanelMenu linkLink to this section

• Breaking Remapped CSS variables for margin, padding, color and background color to match the respective PanelMenu item level.
• Breaking Renamed some of the above mentioned CSS variables and updated values respectively:
  • Updated --rz-panel-menu-color is now --rz-panel-menu-item-color
  • Updated --rz-panel-menu-background-color is now --rz-panel-menu-item-background-color
  • Updated --rz-panel-menu-hover-color is now --rz-panel-menu-item-hover-color
  • Updated --rz-panel-menu-hover-background-color is now --rz-panel-menu-item-hover-background-color
  • Updated --rz-panel-menu-padding is now --rz-panel-menu-padding-block and --rz-panel-menu-padding-inline
  • Updated --rz-panel-menu-item-padding is now --rz-panel-menu-item-padding-block and --rz-panel-menu-item-padding-inline
  • Updated --rz-panel-menu-item-2nd-level-padding is now --rz-panel-menu-item-2nd-level-padding-block and --rz-panel-menu-item-2nd-level-padding-inline
  • Updated --rz-panel-menu-item-margin is now --rz-panel-menu-item-margin-block and --rz-panel-menu-item-margin-inline
  • Updated --rz-panel-menu-item-2nd-level-margin is now --rz-panel-menu-item-2nd-level-margin-block and --rz-panel-menu-item-2nd-level-margin-inline
  • Updated --rz-panel-menu-icon-margin is now --rz-panel-menu-icon-margin-inline
  • Updated --rz-panel-menu-icon-2nd-level-margin is now --rz-panel-menu-icon-2nd-level-margin-inline
  • Added --rz-panel-menu-item-3rd-level-color
  • Added --rz-panel-menu-item-3rd-level-background-color

ProfileMenu linkLink to this section

• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-profile-menu-item-icon-margin is now --rz-profile-menu-item-icon-margin-inline
  • Updated --rz-profile-menu-padding is now --rz-profile-menu-padding-block and --rz-profile-menu-padding-inline

Steps linkLink to this section

• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-steps-number-padding is now --rz-steps-number-padding-block and --rz-steps-number-padding-inline
• Breaking Prev and Next icon is now rendered via CSS. Instead of <i class="rzi">navigate_next</i> and <i class="rzi">navigate_before</i> the component now renders <span class="rzi"></span>

Tabs linkLink to this section

• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-tabs-icon-margin is now --rz-tabs-icon-margin-inline
  • Updated --rz-tabs-tab-padding is now --rz-tabs-tab-padding-block and --rz-tabs-tab-padding-inline
• Breaking Updated Tab icon CSS classes <span class="rz-tabview-left-icon rzi" ... to <span class="rzi rz-tabview-icon" ....

Button linkLink to this section

• Update Removed $button-styles SCSS map and use $severity-styles-map and $base-styles-map to generate CSS for Button styles.

CheckBox linkLink to this section

• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-checkbox-margin is now --rz-checkbox-margin-block and --rz-checkbox-margin-inline
  • Updated --rz-checkbox-label-margin is now --rz-checkbox-label-margin-block and --rz-checkbox-label-margin-inline

ColorPicker linkLink to this section

• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-colorpicker-item-margin is now --rz-colorpicker-items-gap

DatePicker linkLink to this section

• Breaking New DatePicker markup. Revised HTML elements and CSS classes to better describe DatePicker's contents.
• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-datepicker-header-padding is now --rz-datepicker-header-padding-block and --rz-datepicker-header-padding-inline
  • Updated --rz-datepicker-calendar-padding is now --rz-datepicker-calendar-item-padding
  • Updated --rz-timepicker-padding is now --rz-timepicker-padding-block and --rz-timepicker-padding-inline
  • Added --rz-datepicker-calendar-padding-block
  • Added --rz-datepicker-calendar-padding-inline
  • Added --rz-datepicker-popup-width
  • Added --rz-datepicker-month-dropdown-width
  • Added --rz-datepicker-year-dropdown-width
  • Added --rz-datepicker-prev-next-icon-size
  • Deleted --rz-datepicker-prev-next-button-border-radius
  • Deleted --rz-datepicker-header-line-height

DropDown linkLink to this section

• Breaking New DatePicker markup. Revised HTML elements and CSS classes to better describe DatePicker's contents.
• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-dropdown-trigger-icon-margin is now --rz-dropdown-trigger-icon-margin-block and --rz-dropdown-trigger-icon-margin-inline
  • Updated --rz-dropdown-label-padding is now --rz-dropdown-label-padding-block and --rz-dropdown-label-padding-inline
  • Updated --rz-multiselect-checkbox-margin is now --rz-multiselect-checkbox-margin-block and --rz-multiselect-checkbox-margin-inline
  • Updated --rz-dropdown-chips-padding is now --rz-dropdown-chips-padding-block and --rz-dropdown-chips-padding-inline

DropDownDataGrid linkLink to this section

• Update Improved lookup styles:
  • Added --rz-lookup-search-margin-bottom
  • Added --rz-lookup-search-gap

Fieldset linkLink to this section

• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-fieldset-legend-margin is now --rz-fieldset-legend-margin-block and --rz-fieldset-legend-margin-inline
  • Updated --rz-fieldset-legend-padding is now --rz-fieldset-legend-padding-block and --rz-fieldset-legend-padding-inline
  • Updated --rz-fieldset-toggle-margin is now --rz-fieldset-toggle-margin-block and --rz-fieldset-toggle-margin-inline

FormField linkLink to this section

• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-form-field-filled-padding is now --rz-form-field-filled-padding-block and --rz-form-field-filled-padding-inline
  • Updated --rz-form-field-start-end-padding is now --rz-form-field-start-end-padding-block and --rz-form-field-start-end-padding-inline
  • Updated --rz-form-field-margin is now --rz-form-field-margin-block and --rz-form-field-margin-inline
  • Updated --rz-form-field-filled-numeric-padding is now --rz-form-field-filled-numeric-padding-block and --rz-form-field-filled-numeric-padding-inline
  • Updated --rz-form-field-label-left is now --rz-form-field-label-inset-inline-start

HtmlEditor linkLink to this section

• Update Changed Underline icon from format_underline to format_underlined

ListBox linkLink to this section

• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-listbox-checkbox-margin is now --rz-listbox-checkbox-margin-block and --rz-listbox-checkbox-margin-inline
  • Updated --rz-listbox-header-padding is now --rz-listbox-header-padding-block and --rz-listbox-header-padding-inline

Numeric linkLink to this section

• Breaking All CSS classes starting with .rz-spinner-* are renamed to .rz-numeric-*
• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-numeric-input-padding is now --rz-numeric-input-padding-block and --rz-numeric-input-padding-inline

RadioButtonList linkLink to this section

• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-radio-label-margin is now --rz-radio-label-margin-block and --rz-radio-label-margin-inline
  • Updated --rz-radio-margin is now --rz-radio-margin-block and --rz-radio-margin-inline

SpeechToTextButton linkLink to this section

• ---

SplitButton linkLink to this section

• Update Remove redundant CSS variables:
  • Deleted --rz-splitbutton-menu-button-width
  • Deleted --rz-splitbutton-menu-button-padding
  • Deleted --rz-splitbutton-menu-button-font-size

Switch linkLink to this section

• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-switch-circle-margin is now --rz-switch-circle-offset

TextArea linkLink to this section

• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-text-area-padding is now --rz-text-area-padding-block and --rz-text-area-padding-inline

TextBox linkLink to this section

• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-input-padding is now --rz-input-padding-block and --rz-input-padding-inline

Badge linkLink to this section

• Update Removed $badge-styles SCSS map and use $severity-styles-map and $base-styles-map to generate CSS for Badge styles.

Chip linkLink to this section

• Breaking Renamed spacing related CSS variables and updated values respectively:
  • Updated --rz-chip-padding is now --rz-chip-padding-block and --rz-chip-padding-inline

Notification linkLink to this section

• Breaking New Notification markup. The component now uses flex model for its layout.
• Breaking All CSS classes starting with .rz-growl-* are renamed to .rz-notification-*
• Added New --rz-notification-gap CSS variable.

Alert linkLink to this section

• Update Changed Alert icons:
  • check_circle_outline is now check_circle
  • error_outline is now error
  • info_outline is now info
  • lightbulb_outline is now lightbulb

ProgressBar linkLink to this section

• Update Removed $progressbar-styles SCSS map and use $severity-styles-map and $progressbar-base-styles to generate CSS for ProgressBar styles.