Commit Graph

38 Commits

Author SHA1 Message Date
yordanov
fd643aea50 Fix clipped chart tooltip at the chart edge and make tooltip placement RTL-aware 2026-07-08 16:53:13 +03:00
Josh
59a7f9fa5c Replace deprecated global Sass built-ins and slash division with sass: module equivalents 2026-07-01 21:36:44 -07:00
yordanov
508b5c6277 Improve chart legend item styles 2026-06-22 11:58:58 +03:00
yordanov
f2ec0428ad Add corner radius and exploded slices to pie and donut series 2026-06-21 16:21:29 +03:00
yordanov
1ba8529cb9 Style axis crosshair labels 2026-06-19 11:59:59 +03:00
yordanov
ce5f4c3beb Add initial render animations for part-to-whole and financial charts 2026-06-15 18:45:54 +03:00
yordanov
51999fd197 Add initial render animations for scatter, bubble, heatmap and contour 2026-06-15 18:45:53 +03:00
yordanov
e87934540f Add initial render animations for column and bar series 2026-06-15 18:45:53 +03:00
yordanov
a53596fab2 Redesign chart data labels: positions, background chips, overlap hiding and formatting 2026-06-15 18:45:53 +03:00
yordanov
01e9afabc0 Improve chart UI/UX: gradient fills, animations, synced charts, axis tooltips 2026-06-15 18:45:52 +03:00
Vladimir Enchev
cce4b2de9e Move chart crosshair to per-axis configuration with axis label
Replace the tooltip-level CrosshairMode/Color/LineType/StrokeWidth
parameters with a RadzenAxisCrosshair child component on
RadzenCategoryAxis / RadzenValueAxis. Each axis can independently
control Visible, Stroke, StrokeWidth, LineType, Snap, and Label.

The X line snaps to the nearest data point regardless of
TooltipTolerance, and the optional Label renders a small SVG box at
the axis edge with the formatted axis value, reusing the axis's
Formatter/FormatString and styled via the existing tooltip CSS
variables.

Move the split tooltip example out of the crosshair demo into the
chart-tooltip page where it conceptually belongs.
2026-06-15 18:45:09 +03:00
Vladimir Enchev
976a1d8786 Pie and Donut RadiusProperty and ExplodeOffset added 2026-06-15 18:43:33 +03:00
Vladimir Enchev
6879e2a067 RangeNavigator compact mode added 2026-06-15 18:43:33 +03:00
Vladimir Enchev
79bfb46c15 RangeNavigator added
Fix #2322
2026-06-15 18:43:33 +03:00
Vladimir Enchev
883d1f3f31 Chart RTL support added 2026-06-15 18:43:33 +03:00
Vladimir Enchev
1038c6661c Chart series and legend hover added 2026-06-15 18:43:33 +03:00
Vladimir Enchev
966fea9d37 Chart pan and zoom support added 2026-06-15 18:43:33 +03:00
Vladimir Enchev
534be03af0 v10 (#2471)
* Chip and ChipList components added

Code improved

demos improved

Update Chip styles

Exctract mixins for button, badge and chip styles

Update Chip demos

Update Chip styles in themes

Fix chip styles in dropdowns

Fix icon position in different chip sizes

Fix chip border-radius

Optimize styles

Update Chip icon

Update premium themes

Chip/ChipList keyboard navigation fixed

Invalid code fixed

Update Chip focus styles

* Gantt added

code improved

demo update with more data

more demo improvements

more improvements

rendering updated

Gantt Splitter ChangeStateOnResize set to false

Gantt connecting lines added

Tooltips added

FIltering demo added

Gantt editing demos added

demo updated

scrollbar improved

Gantt ExpandRows() added

thead height made equal

material fixed

filtering improved

Subtitle2 removed

Gantt drag & resize added

Critical Path, Dependency Types and Baselines added

Today Line, Non-Working Days, TaskRender Callback, Vertical Date Markers and Custom Task Bar Template added

Zoom to fit and multiline headers added

Rendering optimized

Grouped header should be static

Invalidate row count on expand/collapse and filter

progress, critical path, red vertical line and baseline styling improved

frozen columns in demos should have Width set

alignment improved

Auto scroll to events when switching between views

Dependency Data added

* Move scheduler month view "more" button to slot header

The "+X more" button was absolutely positioned inside the events area,
occupying space that could hold an additional appointment. Move it inline
into the slot title header next to the day number so it no longer
consumes an event slot.

- Fix operator precedence bug in MaxAppointmentsInSlot auto-calculation
- Style the button end-aligned in the header using flex + margin-inline-start: auto
- Add demo appointments to trigger the "more" button in the default demo

* Use ResizeObserver to measure month view content height

Replace the hardcoded (Height - 60) / 6 calculation with actual
measurements from a ResizeObserver on the view content element. This
fixes appointment overflow at non-default scheduler heights (e.g. 500px)
where the 60px header estimate was inaccurate (~91px actual).

The MonthView now uses the existing createResizable JS pattern to
observe its own content area and dynamically computes the correct
MaxAppointmentsInSlot from the measured height and actual week count.

* Replace createScheduler with createResizable for ResizeObserver support

The scheduler-specific JS functions only used window resize events.
Switch to the shared createResizable/destroyResizable pattern which
uses ResizeObserver with a window resize fallback, consistent with
charts and gauges.

* Replace DocFX with Blazor class library for API reference generation

Add Radzen.Blazor.Api and Radzen.Blazor.Api.Generator projects that
generate .razor pages from Radzen.Blazor assembly metadata at build time.
Pages are generated conditionally (Release builds or -p:GenerateApiPages=true).
The API assembly is lazy-loaded to avoid initial payload penalty. Old .html
URLs are preserved via 301 redirects in CanonicalRedirectMiddleware.

* Improve API reference navigation and member anchors

- Add anchor links to member headings via RadzenText Anchor parameter
- Fix inherited member links to navigate to the specific member, not just the declaring type
- Add nav panel that expands/selects the current type on navigation
- Fix RadzenBody to scroll to fragment target instead of resetting to top

* Stop RadzenToc from updating URL hash on scroll and fix scroll container

- Remove navigateTo call from scroll handler so URL hash is not overwritten
- Set TOC Selector to .rz-body so it monitors the correct scrollable container

* Align API layout header with MainLayout

* Refactor RadzenToc scroll listener disposal and item link updates.

Return a disposable JS listener handle instead of storing expando handlers on elements, and move TOC item href refresh to NavigationManager location-change handling so links stay in sync with path/query changes.

* Add v10 RadzenToc changelog notes.

Document the RadzenToc breaking changes around link rendering, aria-selected semantics, and address bar behavior during scrolling, plus the high-level scroll tracking update.

* Fix RadzenToc NullReferenceException during concurrent disposal and API reference redirect loop.

Capture scrollListenerRef in a local variable before disposing to prevent a race condition when multiple RadzenTocItem components dispose concurrently. Skip scroll listener re-registration when the parent RadzenToc is already disposed. Remove UseDefaultFiles middleware and fix API Reference link to prevent redirect loops.

* Fix RadzenToc scrollspy to match Bootstrap ScrollSpy behavior.

Remove fallback that always highlighted the first item on load. Require
actual scroll (scrollY > 0) before activating the at-bottom branch so
short pages don't highlight the last item. Add click handler to
RadzenTocItem so clicking an item activates it immediately (matching the
DocFX affix click behavior).

* Fix misaligned code examples in generated API documentation

XML doc comment code blocks retained source-level indentation after
parsing, causing excessive leading whitespace in rendered examples.
Replace simple .Trim() with indentation normalization that strips
the common leading whitespace prefix from all lines.

* Update ApiLayout and MainTopNav

* Fixed .Server project Cannot provide a value for property 'AssemblyLoader' on type 'RadzenBlazorDemos.Routes'.

* Scatter and Bubble series added to Chart

* LinearGauge added

* Popup cut off on rightmost columns and flickers

Fix #2414, #2181

* CheckBoxList filter options update without clicking Apply

Fix #2155

* tests updated

* DataGrid Reload() lags one render behind

Fix #2214

* Gaps in Data for Charts

Fix #765

* DataGrid Fixed Column resizing will show visual white space between fixed columns

Fix #2228

* Setting Parameter on RadzenDataGridColumn<T> does not always trigger render of content

Fix #2215

* DataGrid column resizing does not work on mobile and tablet devices

Fix #2168

* RadzenAccordion invalid ARIA aatributes

Fix #1931

* DropDownDataGrid search text clear button added

Fix #1555

* Caruosel AnimationDuration added

Fix #2438

* Tooltip ARIA attributes improved

Fix #2314

* Long tooltip does not wrap

Fix #2320

* Clicking into Padding of PanelMenuItem does navigate but not expand Item

Fix #2244

* RadzenDatePicker FocusedDate synced with current date

Fix #1991

* Dialog OnSideClose gets called when opening and closing

Fix #1976

* RadzenNumeric RemoveNonNumericCharacters improved

Fix #1937

* Optimize CSS rules and SCSS mixins

* Fix percentage values in SCSS

* Update premium themes

* Line Chart markers cannot be dynamically turned off using @if

Fix #1229

* DropDownDataGrid exception when changing data object

Fix #1941

* RadzenChat new messages button added

Fix #2375

* RadzenHtmlEditor Immediate property added

Fix #2279

* Radzen Popup shows wrongly in a RTL

Fix #2271

* RadzenListBox/RadzenPickList EmptyTemplate and EmptyText added

Fix #2018

* DataGrid footer and header is being incorrectly rendered for frozen columns

Fix #1402

* PropertyAccess.GetValue() fixed to work with sub interfaces

Fix #1249

* RadzenPickList AllowVirtualization added

Fix #2456

* DataGrid add new row issue with LoadData method

Fix #365

* Various components keyboard navigation not working as described in the demos

Fix #2446

* RadzenDataGrid Keyboard Selection jumps when AllowVirtualization is enabled

Fix #2439

* RadzenPanelMenu MenuItemDisplayStyle.IconAndTextStacked added

Fix #2368

* RadzenPickList SelectedSourceChanged/SelectedTargetChanged  added

Fix #2324

* RadzenTabs AllowReorder property added

Fix #2318

* RadzenAccordion ExpandAll()/CollapseAll() added

Fix #2206

* RadzenDropZoneContainer Start/End Drag events added

Fix #2158

* RadzenDataGrid doesn't appear to do colspan/rowspan properly

Fix #1064

* Update Gantt styles

* Update Gantt styles and premium themes

* Update Gantt styles

* Update Gantt demos

* Update Linear Gauge demos

* Update component icons

* tests fixed

---------

Co-authored-by: Atanas Korchev <akorchev@gmail.com>
Co-authored-by: yordanov <vasil@yordanov.info>
2026-03-11 16:13:33 +02:00
Atanas Korchev
643916f733 Chart label rotation. 2024-10-28 16:57:28 +02:00
Maxim Becker
13326879f0 Render chart tooltips in the same way as standard tooltips (#1745)
* Render chart tooltips in the same way as standard tooltips

* Move OpenChartTooltip method to TooltipService to avoid code duplications

* Avoid partially hiding of chart tooltip near top of page

* Make some of the types internal.

---------

Co-authored-by: Atanas Korchev <akorchev@gmail.com>
2024-10-28 10:01:13 +02:00
Vasil Yordanov
54fe2f260f New Shared chart tooltips and Sparkline component (#1651)
* Implement shared tooltips.

* Style Chart tooltips.

* Initial Sparkline implementation.

* Support axes in the Sparkline.

* Add Sparkline demo.

---------

Co-authored-by: Atanas Korchev <akorchev@gmail.com>
2024-08-14 12:20:06 +03:00
Vladimir Enchev
92e4249eec 5.0 (#1603)
* Initial commit

Update spacing css classes in demos

Update spacing css classes in demos

Improve Notification layout and styles

Fix Notification with custom position in RTL mode

Update spacing css classes in demos

Add box-sizing: border-box to components

Remove bootstrap css from App.razor

Fix text-align in tabs demos

Rename CSS classes and update markup in RadzenDatePicker

Remove bootstrap scss

Tabs anchor element should inherit the text color

Update margins in typography

Remove bootstrap instructions from get started page

Remove bootstrap css from demos

Update premium themes

Add variable fonts

Remove legacy color tokens and token maps

Remove --rz-form-group-margin-bottom as it is not used

Add base color tokens

Add Base style values

Remove -styles scss map and use  and  styles maps instead

Remove -styles scss map and use  and  styles maps instead

Remove -styles scss map and use  and  styles maps instead

Remove -styles scss map and use  and  styles maps instead

Format button's styles

Reset body margin to 0

Splitter icons should use --rz-icon-font-family

Add styles for image and svg

Replace MaterialIcons font with MaterialSymbols variable font

Update RadzenButton's demos

Update RadzenBadge's demos

Update Colors demo page

Update RadzenProgressBars' demos

Use Base instead of Secondary button style in Confirm Dialog

Update DataGrid Hierarchy demos

Unify DataGrid filter buttons

Replace light with base button styles

Replace secondary with base button style

RadzenTheme, RadzenThemeSwitch and ThemeService.

Reorder base color variables

Add rtl mode animation to ProgressBar

Update SpeechToTextButton default button style and animation

Add CookieThemeService.

Fix base color variable value in software theme

Add Software Dark and Humanistic Dark themes

Update RadzenThemeSwitch

Default base text button should inherit color from its parent element

Update ColoPicker background for transparent color preview

Add Material Dark theme

Material Dark theme is now free

Remove ambiguous method name.

Update demos configurator

Update premium themes

Update the services to follow the options pattern for DI registration.

Improve RadzenThemeSwitch to use the current theme.

Rename ThemeSwitch to AppearanceToggle and add a demo page

Update SplitButton's dropdown icon demo

Create getting-started.html

Update getting-started.html

Update getting-started.html

Add --rz-grid-group-header-item-color and fix column footer color

Fix demos code snippet colors

Add changelog and update demo status badges

Update Changelog

Persist the current theme.

Update getting-started.html

Rename getting-started.html to md.

Render the theme CSS class at RadzenLayout level.

Hide the right sidebar by default.

Isolate CSS variables in a single rule

Revamp the getting started help article.

Remove nested README.md. Link getting started instructions.

Add Scheduler highlight background color css variable

Sidebar border right should be inline-end

Inputs should inherit font-family

Buttons in code viewer and event console should use base button style

Add Standard Dark theme

Update Changelog

Sidebar border right in themes should be inline-end

Render RadzenTheme only when needed.

Add cursor pointer to SidebarToggle

Fix AppearanceToggle margin

Update default theme colors

Update standard theme colors

Fix filter color in humanistic dark theme

Update software dark theme colors

Add humanistic dark wcag theme

Add software dark wcag theme

Add standard dark wcag theme

Buttons for add and remove now use base button style

Update Get Started styling

Update Dark WCAG theme colors

Update SideBar transition styles

Remove theme name css class

Add premium themes

code fixed

more code fixes

* Update Icon demo page content

* Fix --rz-grid-filter-buttons-background-color in Standard theme

* Remove obsolete fonts

* tests fixed

---------

Co-authored-by: yordanov <vasil@yordanov.info>
2024-07-18 16:24:20 +03:00
Vladimir Enchev
347942668d Keyboard navigation and accessibility improvements added to all components (#1379)
* Components keyboard navigation improved

* Tree CheckBox TabIndex set to -1

* DataGrid and Pager keyboard navigation section added to first demo

* DataFilter keyboard navigation info added to first page

* Tree keyboard navigation info added to first page

* Scheduler keyboard navigation info added to first page

* DropDownDataGrid keyboard navigation info added to first page

* DatePicker keyboard navigation info added to first page

* FileInput keyboard navigation info added to first page

* demo updated

* SplitButton keyboard navigation info added to first page

* Upload keyboard navigation info added

* Chart keyboard navigation info added to first page

* demo updated

* focusTableRow() fixed

* more focusTableRow() fixes

* even more focusTableRow() fixes

* Update Accessibility page content

* Update anchors in navigation components demos and add keyboard navigation shortcuts

* Update MainLayout

* Update Scheduler focus styles

* Update keyboard navigation wording

* Appointments focus improved

* Update and document HTMLEditor shortcuts

* Appointment focus improvements for week view

* Replace ripple's background transition with background-size

* focus contentView on enter

* focus View on enter

* persist selected theme

* YearPlannerView keyboard navigation improved

* YearTimelineView keyboard navigation improved

* months focus state fixed

* days navigation fixed

* code fixed

* ScrollIntoView added

* Update anchors in components demos

* Update Scheduler focus styles

* Update premium themes

---------

Co-authored-by: yordanov <vasil@yordanov.info>
2024-02-19 10:31:27 +02:00
yordanov
f339bfe45d Add theming variable for chart marker stroke color 2023-05-22 09:24:27 +03:00
yordanov
0a7c47fa70 Remove obsolete chart styles 2023-02-28 16:41:19 +02:00
yordanov
7b923b6625 Add new series colors to chart's pastel color scheme 2023-01-23 09:59:34 +02:00
yordanov
666cbc9e47 Add --rz-chart-legend-font-size 2023-01-19 10:18:19 +02:00
yordanov
33858d2679 Fix chart axis font-size 2022-10-26 16:01:40 +03:00
yordanov
9042b16df4 Add fill color to rz-donut-title 2022-09-14 15:19:03 +03:00
yordanov
d25a1e8463 Add fill to rz-series-data-label and update chart tooltip padding 2022-09-14 15:19:03 +03:00
yordanov
787a48a795 Update chart color schemes with css vars 2022-09-14 15:19:03 +03:00
yordanov
a1c83ebb10 Add font-size and icon-size variables 2022-09-14 15:19:03 +03:00
yordanov
6e643d7cda Fix scss vars 2022-09-14 15:19:03 +03:00
yordanov
867fe28c5f Add CSS vars and update colors 2022-09-14 15:19:03 +03:00
yordanov
a5f040d69d Update sizing 2022-09-14 15:19:03 +03:00
glutio
200fb9d9ee Chart overlays - data labels, trends and annotations. 2022-07-13 17:31:48 +03:00
Vladimir Enchev
5dfcc6e851 Standard theme added (#294)
* Add new standard theme

* Update variables in button styles

* Fix border-radius defaults

* Add standard theme to demos

* Update button demo content

* Add pager styles

* Fix button height and vertical-alignment

* Use md-button in pager

* Add animated gradients on button hover and active states

* Fix radiobutton disabled state styles

* Fix checkbox disabled state styles

* Add standard theme checkbox styles

* Set width of busy indicator buttons

* Style slider states

* Add standard theme slider styles

* Add initial standard theme grid styles

* Add standard theme styles for grid filtering

* Remove rz-state-active CSS class from tabs items

* Remove rz-state-active CSS class from accordion headers

* Add standard theme accordion styles

* Set accordion content font-size

* Fix paragraph line-height to inherit -line-height

* Fix ColorPicker OK button to use primary instead of secondary styles

* Update ColorPicker default styles

* Update Input default styles

* Add Input and ColorPicker standard theme styles

* Add standard theme Upload and FileInput styles

* Add standard theme DropDown and ListBox styles

* Add standard theme Charts styles

* Add standard theme Charts and initial PanelMenu styles

* Add standard theme Tooltip styles

* Fix Rating display inline-flex and unify interaction states

* Add standard theme Rating styles

* Add Numeric, Forms, and Fieldset standard theme styles

* Add Standard theme scss variable

* Add Badge standard theme styles

* Remove primary-secondary color dependency in standard theme

* Add DatePicker standard theme styles

* Add Splitter standard theme styles, fix grid filter icon color and body font-size

* Fix Login register button to use secondary button styles

* Add switch box-shadow, fix switch min-width and disabled state

* Add Tree standard theme styles and fix children indentations

* Update Dashboard demo layout

* Add CSS transition to Tree items

* Add Dialog standard theme styles

* Add initial dark sidebar styles to standard theme

* Fix default SplitButton styles and add standard theme styles

* Update SelectBar standard styles

* Add DataList standard theme styles

* Add Card standard theme styles

* Add Steps standard theme styles

* Add Menu standard theme styles

* Add ProfileMenu, Gravatar and Icon standard theme styles

* Add ContextMenu standard theme styles

* Add Panel standard theme styles

* Add Scheduler standard theme styles

* Fix Scheduler Today button margin in standard theme

* Add Editor standard theme styles

* Add dark PanelMenu standard theme styles

* Fix PanelMenu toggle icon opacity

* Fix DropDown item vertical padding

* Fix paddings in dashboard demo

* Fix item paddings in Menu and ProfileMenu

* Fix PanelMenu item paddings and Badge font-size

* Style standard Grid detail template

* Fix horizontal slider height

* Add standard theme tri-state checkbox and radiobutton styles

* Fix hover styles for disabled Dropdown and AutoComplete

* Fix dropdown clear button overlaying dropdown value

* Fix left and right row margin

* Fix FileInput merge conflicts

* Fix icon font-size in current themes

* Fix grid borders in current themes, update standard theme heading and checkbox/radio styles

* Fix default tooltip font-size

* Fix input box-shadow on focus

* Fix border-top-left-radius

* Use primary instead of secondary variables for interaction states

* Add transition variables

* Add transition to menu items

* Add a wrapper in the tree item content.

* Move badge alignment styles to standard theme file

* Fix input disabled state - colors and cursors

* Fix steps number background color and dropdown filter border color

* Fix slider disabled styles

* Fix grid border color, upload colors and editor disabled buttons

* Add Footer and Gauge components, and update variables

* Add default flags, update colorpicker label color and fix pager summary styling

* Fix header height and paragraph line-height

* Add theme background gradient to body

* Add -background

* Add standard-base

Co-authored-by: yordanov <vasil@yordanov.info>
Co-authored-by: Atanas Korchev <akorchev@gmail.com>
2021-11-24 11:36:56 +02:00
Atanas Korchev
a262bf874b Open source Radzen.Blazor under the MIT License. 2021-01-19 11:02:49 +02:00