From fcbb58d9873279ad5b028b521884f5d583790082 Mon Sep 17 00:00:00 2001 From: Nikolay Nenkov Date: Thu, 24 Oct 2024 11:40:59 +0300 Subject: [PATCH 01/71] adding docs builder config and content fixes --- all-pages.md | 2 +- .../modify-default-schema.md | 2 - components/gantt/state.md | 1 - components/gauges/arc/scale.md | 2 +- components/scheduler/events.md | 6 - components/stockchart/types/candlestick.md | 2 +- components/stockchart/types/column.md | 2 +- components/stockchart/types/ohlc.md | 2 +- docs-builder.yml | 506 ++++++++++++++++++ .../convert-project-wizard.md | 2 - .../vs-code-integration/introduction.md | 3 - .../vs-code-integration/new-project-wizard.md | 2 - images/avatar-ninja.svg | 1 + images/ninja-no-results.svg | 47 ++ knowledge-base/grid-change-font-size.md | 2 +- .../grid-click-header-template-sorts.md | 2 +- .../grid-compact-grid-with-small-elements.md | 2 +- 17 files changed, 562 insertions(+), 24 deletions(-) create mode 100644 docs-builder.yml create mode 100644 images/avatar-ninja.svg create mode 100644 images/ninja-no-results.svg diff --git a/all-pages.md b/all-pages.md index 87f813d91e..9bb169c425 100644 --- a/all-pages.md +++ b/all-pages.md @@ -1,5 +1,5 @@ --- -publish: false +published: false layout: null --- diff --git a/components/editor/prosemirror-schema/modify-default-schema.md b/components/editor/prosemirror-schema/modify-default-schema.md index d91c3ef789..68d5bcebf1 100644 --- a/components/editor/prosemirror-schema/modify-default-schema.md +++ b/components/editor/prosemirror-schema/modify-default-schema.md @@ -34,8 +34,6 @@ The below example shows how to: >tip The Editor in this example uses the [`Div` edit mode]({%slug editor-edit-modes-iframe%}), so the style for the `
` element is applied. If you use the default [`Iframe` edit mode]({%slug editor-edit-modes-div%}), you have to plug the styles with JavaScript as shown in [this example]({%slug editor-prosemirror-plugins%}). -@[template](/_contentTemplates/editor/general.md#prosemirror-support-disclaimer) - >caption Modify the default ProseMirror Schema ````CSHTML diff --git a/components/gantt/state.md b/components/gantt/state.md index 41fc55e94f..f2bc550615 100644 --- a/components/gantt/state.md +++ b/components/gantt/state.md @@ -51,7 +51,6 @@ The `OnStateInit` and `OnStateChanged` events are raised by the Gantt so you can * `OnStateInit` fires when the Gantt is initializing and you can provide the state you load from your storage to the `State` field of its event arguments. * `OnStateChanged` fires when the user makes a change to the Gantt state (such as sorting, filtering, editing, expanding parents and so on). The `State` field of the event argument provides the current Gantt state so you can store it. The `PropertyName` field of the event arguments indicates what changed. - * @[template](/_contentTemplates/gantt/state.md#statechanged-possible-prop-values) * We recommend that you use an **`async void`** handler for the `OnStateChanged` event in order to reduce re-rendering and to avoid blocking the UI update while waiting for the service to store the data. Doing so will let the UI thread continue without waiting for the storage service to complete.In case you need to execute logic that requires UI update, use **`async Task`**. * Filtering always resets the current page to 1, so the `OnStateChanged` event will fire twice. First, `PropertyName` will be equal to `"Page"`, and the second time it will be `"FilterDescriptors"`. However, the `State` field of the event argument will provide correct information about the overall Gantt state in both event handler executions. diff --git a/components/gauges/arc/scale.md b/components/gauges/arc/scale.md index 54dea8b171..d2f74f420e 100644 --- a/components/gauges/arc/scale.md +++ b/components/gauges/arc/scale.md @@ -143,7 +143,7 @@ If you set the `Reverse` (`bool`) parameter to `true` the values of the scale wi ## Additional Customization -@[template](/_contentTemplates/gauges/additional-customization.md#arc-gauge-additional-customizationn) +@[template](/_contentTemplates/gauges/additional-customization.md#arc-gauge-additional-customization) ### Example: Enable the MinorUnit ticks diff --git a/components/scheduler/events.md b/components/scheduler/events.md index 833878cc94..7069421bfd 100644 --- a/components/scheduler/events.md +++ b/components/scheduler/events.md @@ -608,8 +608,6 @@ To implement appointment editing, the scheduler exposes the `OnCreate`, `OnDelet The `OnItemClick` event fires when the user clicks on an appointment in the Scheduler. It provides a `SchedulerItemClickEventArgs` object to the event handler and you can get the `Item` property and cast it to your own model. If you set the `ShouldRender` property to `true`, the component will re-render. This can be useful if you need to change the Scheduler parameters or state during the event execution and especially if you need to execute `async` logic in the event handler. -@[template](/_contentTemplates/grid/common-link.md#rowclick-args) - >caption Use the OnItemClick event for the scheduler ````CSHTML @@ -683,8 +681,6 @@ It provides a `SchedulerItemClickEventArgs` object to the event handler and you The `OnItemDoubleClick` event fires when the user double clicks on an appointment in the Scheduler. It provides a `SchedulerItemDoubleClickEventArgs` object to the event handler and you can get the `Item` property and cast it to your own model. If you set the `ShouldRender` property to `true`, the component will re-render. This can be useful if you need to change the Scheduler parameters or state during the event execution and especially if you need to execute `async` logic in the event handler. -@[template](/_contentTemplates/grid/common-link.md#rowclick-args) - >caption Use the OnItemDoubleClick event for the scheduler ````CSHTML @@ -758,8 +754,6 @@ It provides a `SchedulerItemDoubleClickEventArgs` object to the event handler an The `OnItemContextMenu` event fires when the user right clicks on an appointment in the Scheduler. It provides a `SchedulerItemContextMenuEventArgs` object to the event handler and you can get the `Item` property and cast it to your own model. If you set the `ShouldRender` property to `true`, the component will re-render. This can be useful if you need to change the Scheduler parameters or state during the event execution and especially if you need to execute `async` logic in the event handler. -@[template](/_contentTemplates/grid/common-link.md#rowclick-args) - >caption Use the OnItemContextMenu event for the scheduler ````CSHTML diff --git a/components/stockchart/types/candlestick.md b/components/stockchart/types/candlestick.md index 321ed41b04..df506164c0 100644 --- a/components/stockchart/types/candlestick.md +++ b/components/stockchart/types/candlestick.md @@ -121,7 +121,7 @@ To add a `Candlestick` chart to a stock chart component:: Set the color - a valid CSS, RGB, RGBA color - of the series when the `OpenField` is greater than the `CloseField` by setting the `DownColor` property of the `StockChartSeries`. This can be passed through the data model and bound to the `DownColorField`. -@[template](/_contentTemplates/stockchart/link-to-basics.md##color-field-column-ohlc-candlestick) +@[template](/_contentTemplates/stockchart/link-to-basics.md#color-field-column-ohlc-candlestick) @[template](/_contentTemplates/stockchart/link-to-basics.md#gap-and-spacing) diff --git a/components/stockchart/types/column.md b/components/stockchart/types/column.md index b9133f9477..afe368d856 100644 --- a/components/stockchart/types/column.md +++ b/components/stockchart/types/column.md @@ -121,7 +121,7 @@ Each data item is denoted with a label. You can control and customize them throu The color of a series is controlled through the `Color` property that can take any valid CSS color (for example, `#abcdef`, `#f00`, or `blue`). The color control the fill color of the area. -@[template](/_contentTemplates/stockchart/link-to-basics.md##color-field-column-ohlc-candlestick) +@[template](/_contentTemplates/stockchart/link-to-basics.md#color-field-column-ohlc-candlestick) @[template](/_contentTemplates/stockchart/link-to-basics.md#gap-and-spacing) diff --git a/components/stockchart/types/ohlc.md b/components/stockchart/types/ohlc.md index 2fc8d9cbc4..39f04ab6e8 100644 --- a/components/stockchart/types/ohlc.md +++ b/components/stockchart/types/ohlc.md @@ -114,7 +114,7 @@ To add a `OHLC` chart to a stock chart component: ## OHLC Chart Specific Appearance Settings -@[template](/_contentTemplates/stockchart/link-to-basics.md##color-field-column-ohlc-candlestick) +@[template](/_contentTemplates/stockchart/link-to-basics.md#color-field-column-ohlc-candlestick) @[template](/_contentTemplates/stockchart/link-to-basics.md#gap-and-spacing) diff --git a/docs-builder.yml b/docs-builder.yml new file mode 100644 index 0000000000..5585c5c553 --- /dev/null +++ b/docs-builder.yml @@ -0,0 +1,506 @@ +top-navigation-product: blazor-ui +path-prefix: /blazor-ui/documentation +default-title-prefix: Blazor + +primary-color: "#27A306" +product-id: 1952 +product-code: BLAZOR +product-name: Telerik UI for Blazor +product-url: https://www.telerik.com/blazor-ui +product-trial-url: https://www.telerik.com/download-trial-file/v2-b/ui-for-blazor +contribute-url: https://github.com/telerik/blazor-docs/edit/master +search-engine-id: 4729071e3f011471f +avatar-path: ./images/avatar-ninja.svg +no-results-image-path: ./images/ninja-no-results.svg +img-max-width: 100% +table-layout: fixed +enable-tabbed-code-blocks: true + +cta-overview: The @Subject component is part of @ProductLink, a professional grade UI library with 110+ native components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial. +cta-intro: "@ProductLink is a professional grade UI library with 110+ native components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial." + +excluded-files: ["**/src-a11y/**/*"] + +meta: + "*templates": + title: Templates + "*wizard": + title: Wizard + "*window": + title: Window + "*validator": + title: Validator + "*validation": + title: Validation Tools + "*upload": + title: Upload + "*treemap": + title: TreeMap + "*treeview": + title: TreeView + "*toolbar": + title: ToolBar + "*tooltip": + title: Tooltip + "*timepicker": + title: TimePicker + "*tilelayout": + title: TileLayout + "*textarea": + title: TextArea + "*textbox": + title: TextBox + "*tabstrip": + title: TabStrip + "*switch": + title: Switch + "*stockchart": + title: Stock Chart + "*stepper": + title: Stepper + "*stacklayout": + title: Stack Layout + "*splitter": + title: Splitter + "*splitbutton": + title: SplitButton + "*sortable": + title: Sortable + "*skeleton": + title: Skeleton + "*slider": + title: Slider + "*signature": + title: Signature + "*scrollview": + title: ScrollView + "*scheduler": + title: Scheduler + "*sankey": + title: Sankey + "*rootcomponent": + title: RootComponent + "*/radiogroup": + title: RadioGroup + "*pivotgrid": + title: PivotGrid + "*pager": + title: Pager + "*panelbar": + title: PanelBar + "*responsivepanel": + title: ResponsivePanel + "*rangeslider": + title: RangeSlider + "*gauges/radial": + title: Radial + "*rating": + title: Rating + "*/radiobutton": + title: RadioButton + "*qrcode": + title: QRCode + "*progressbar": + title: ProgressBar + "*pdfviewer": + title: PDF Viewer + "*numerictextbox": + title: NumericTextBox + "*popover": + title: Popover + "*notification": + title: Notification + "*multiselect": + title: MultiSelect + "*menu": + title: Menu + "*mediaquery": + title: MediaQuery + "*mediaplayer": + title: MediaPlayer + "*maskedtextbox": + title: MaskedTextBox + "*layers": + title: Layers + position: 10 + "*map": + title: Map + "*loadercontainer": + title: LoaderContainer + "*loader": + title: Loader + "*listbox": + title: ListBox + "*gauges/circular": + title: Circular + "*gauges/linear": + title: Linear + "*gauges": + title: Gauges + "*gantt": + title: Gantt + "*floatinglabel": + title: FloatingLabel + "*flatcolorpicker": + title: FlatColorPicker + "*form": + title: Form + "*fields": + title: Fields + position: 2 + "*filter": + title: Filter + "*fileselect": + title: FileSelect + "*filemanager": + title: FileManager + "*editor": + title: Editor + "*dropdowntree": + title: DropDownTree + "*dropzone": + title: DropZone + "*dropdownlist": + title: DropDownList + "*dropdownbutton": + title: DropDownButton + "*drawer": + title: Drawer + "*draganddrop": + title: DragAndDrop + "*dialog": + title: Dialog + "*datetimepicker": + title: DateTime Picker + "*daterangepicker": + title: DateRange Picker + "*datepicker": + title: Date Picker + "*dateinput": + title: Date Input + "*contextmenu": + title: Context Menu + "*combobox": + title: ComboBox + "*/multicolumncombobox": + title: MultiColumnComboBox + "*/colorpicker": + title: ColorPicker + "*colorpalette": + title: ColorPalette + "*colorgradient": + title: ColorGradient + "*chunkprogressbar": + title: ChunkProgressBar + "*chiplist": + title: ChipList + "*chip": + title: Chip + "*checkbox": + title: Checkbox + "*components/chart": + title: Chart + "*carousel": + title: Carousel + "*card": + title: Card + "*calendar": + title: Calendar + tag-helpers/scheduling/multiviewcalendar: + title: MultiViewCalendar + html-helpers/scheduling/multiviewcalendar: + title: MultiViewCalendar + html-helpers/scheduling/calendar: + title: Calendar + "*buttongroup": + title: ButtonGroup + "*/button": + title: Button + "*breadcrumb": + title: Breadcrumb + "*togglebutton": + title: ToggleButton + "*barcode": + title: Barcode + "*barcodes": + title: Barcodes + "*badge": + title: Badge + "*avatar": + title: Avatar + "*autocomplete": + title: AutoComplete + "*popup": + title: Popup + "*appbar": + title: AppBar + "*aiprompt": + title: AIPrompt + "*gauges/arc": + title: Arc + "*spreadsheet": + title: Spreadsheet + "*treelist": + title: TreeList + "*listview": + title: ListView + "*gridlayout": + title: Grid Layout + "*/grid": + title: Grid + "*how-to": + title: How To + "*state": + title: State Management + "*selection": + title: Selection + "*integration": + title: Integration + "*filtering": + title: Filtering + "*export": + title: Export + "*editing": + title: Editing + "*troubleshooting": + title: Troubleshooting + position: 50 + "*binding": + title: Binding + position: 2 + "*accessibility": + title: Accessibility + "*appearance": + title: Appearance + "*components/aiprompt/views": + title: Views + position: 10 + "*components/filemanager/data-binding": + title: Data Binding + position: 2 + "*components/wizard/structure": + title: Structure + position: 3 + "*components/stepper/steps": + title: Steps + position: 3 + "*components/panelbar/templates": + title: Templates + position: 10 + "*components/panelbar/data-binding": + title: Data Binding + position: 2 + "*components/editor/prosemirror-schema": + title: ProseMirror Schema + position: 120 + "*components/editor/edit-modes": + title: Edit Modes + position: 80 + "*components/scheduler/templates": + title: Templates + position: 10 + "*components/scheduler/views": + title: Views + position: 5 + "*components/scheduler/editing": + title: Editing + position: 3 + "*components/scheduler/appointments": + title: Appointments + position: 2 + "*components/menu/data-binding": + title: Data Binding + position: 2 + "*components/contextmenu/templates": + title: Templates + position: 25 + "*components/contextmenu/data-binding": + title: Data Binding + position: 2 + "*components/treeview/checkboxes": + title: CheckBoxes + position: 4 + "*components/treeview/selection": + title: Selection + position: 3 + "*components/treeview/data-binding": + title: Data Binding + position: 2 + "*components/document-processing": + title: Document Processing + position: 2200000 + "*components/animationcontainer": + title: Animation Container + position: 2000000 + "*components/stockchart/tooltip": + title: Tooltips + position: 22 + "*components/stockchart/types": + title: Types + position: 12 + "*components/sankey/elements": + title: Elements + position: 5 + "*components/chart/tooltip": + title: Tooltips + position: 31 + "*components/chart/pan-and-zoom": + title: Pan and Zoom + position: 32 + "*components/chart/types": + title: Types + position: 15 + "*components/treelist/selection": + title: Selection + position: 35 + "*components/treelist/export": + title: Export + position: 30 + "*components/treelist/templates": + title: Templates + position: 25 + "*components/treelist/filter": + title: Filtering + position: 22 + "*components/treelist/editing/built-in-dialogs": + title: Built-in Dialogs + position: 17 + "*components/treelist/editing": + title: Editing + position: 10 + "*components/treelist/columns": + title: Columns + position: 5 + "*components/treelist/data-binding": + title: Data Binding + position: 2 + "*components/multicolumncombobox/columns": + title: Columns + position: 7 + "*components/grid/selection": + title: Selection + position: 35 + "*components/grid/export": + title: Export + position: 30 + "*components/grid/templates": + title: Templates + position: 25 + "*components/grid/grouping": + title: Grouping + position: 24 + "*components/grid/filter": + title: Filtering + position: 22 + "*components/grid/editing/built-in-dialogs": + title: Built-in Dialogs + position: 17 + "*components/grid/editing": + title: Editing + position: 10 + "*components/grid/columns": + title: Columns + position: 5 + "*components/gantt/timeline/templates": + title: Templates + position: 15 + "*components/gantt/gantt-tree/filter": + title: Filtering + position: 25 + "*components/gantt/gantt-tree/editing": + title: Editing + position: 10 + "*components/gantt/gantt-tree/columns": + title: Columns + position: 7 + "*components/gantt/gantt-tree/data-binding": + title: Data Binding + position: 5 + "*components/gantt/timeline": + title: Gantt Timeline + position: 10 + "*components/gantt/dependencies": + title: Gantt Dependencies + position: 15 + "*components/gantt/gantt-tree": + title: Gantt Tree + position: 5 + "*components/form/formitems": + title: Form Items + position: 20 + "*components/calendar/templates": + title: Templates + position: 20 + integrations/document-processing: + title: Document Processing + position: 20 + testing: + title: Testing + position: 45 + integrations: + title: Integration With Other Telerik Products + position: 40 + backwards-compatibility: + title: Breaking Changes + position: 30 + getting-started/repl: + title: Telerik REPL for Blazor + position: 35 + getting-started/vs-code-integration: + title: Visual Studio Code Integration + position: 26 + getting-started/vs-integration: + title: Visual Studio Integration + position: 25 + how-to: + title: How To + position: 20 + upgrade/rendering-changes: + title: Rendering Changes + upgrade/breaking-changes: + title: Breaking Changes + upgrade: + title: Upgrade + position: 19 + "*deployment": + title: Deployment + position: 18 + accessibility: + title: Accessibility + position: 17 + globalization: + title: Globalization + position: 16 + common-features/data-binding: + title: Data Binding + position: 0 + common-features: + title: Common Features + position: 15 + styling-and-themes: + title: Styling and Themes + position: 12 + components: + title: Components + position: 10 + installation: + title: Installation + position: 6 + getting-started: + title: Getting Started + position: 5 + api: + title: API Reference + position: 0 + knowledge-base: + title: Knowledge Base + position: 300 + res_type: kb + relativeUrl: /knowledge-base + hideChildren: true + + +redirects: +- + from: "^/?$" + to: "/introduction" \ No newline at end of file diff --git a/getting-started/vs-code-integration/convert-project-wizard.md b/getting-started/vs-code-integration/convert-project-wizard.md index f34d837e5b..6f68310ca6 100644 --- a/getting-started/vs-code-integration/convert-project-wizard.md +++ b/getting-started/vs-code-integration/convert-project-wizard.md @@ -42,8 +42,6 @@ If the Telerik components are already enabled in the project, you will see the f You have successfully enabled the Progress® Telerik® UI for Blazor components in your Blazor app! -@[template](/_contentTemplates/common/general-info.md#vs-code-nuget-note) - ## Troubleshooting There are a few common problems that might occur when converting a project: diff --git a/getting-started/vs-code-integration/introduction.md b/getting-started/vs-code-integration/introduction.md index 8ab389c0a9..ea814d6680 100644 --- a/getting-started/vs-code-integration/introduction.md +++ b/getting-started/vs-code-integration/introduction.md @@ -29,6 +29,3 @@ The extension for Visual Studio Code provides the following advantages: To access the VS Code extension, press `Ctrl`+`Shift`+`P` on Windows/Linux or `Cmd`+`Shift`+`P` on Mac to open the VS Code extension launcher. ![launch Telerik Blazor VS Code extension](images/launch-extension.png) - - -@[template](/_contentTemplates/common/general-info.md#vs-code-nuget-note) diff --git a/getting-started/vs-code-integration/new-project-wizard.md b/getting-started/vs-code-integration/new-project-wizard.md index b0d2c379bd..f090d13acc 100644 --- a/getting-started/vs-code-integration/new-project-wizard.md +++ b/getting-started/vs-code-integration/new-project-wizard.md @@ -78,8 +78,6 @@ The available .NET framework versions vary depending on the selected hosting mod Select your desired [theme]({%slug themes-overview%}) for your project. Click **See All Swatches** to explore the available [theme color variations]({%slug themes-overview%}#basics). -@[template](/_contentTemplates/common/general-info.md#vs-code-nuget-note) - #### Confirm Project Creation After configuring the preferred settings, click the **Create Project** button. The **Telerik UI for Blazor Template Wizard** closes and the project creation begins. When completed, the terminal shows a confirmation message. You can then navigate to the previously specified output folder to open your project. diff --git a/images/avatar-ninja.svg b/images/avatar-ninja.svg new file mode 100644 index 0000000000..d98c1b207f --- /dev/null +++ b/images/avatar-ninja.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/ninja-no-results.svg b/images/ninja-no-results.svg new file mode 100644 index 0000000000..5d84ade55a --- /dev/null +++ b/images/ninja-no-results.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/knowledge-base/grid-change-font-size.md b/knowledge-base/grid-change-font-size.md index bfc5e3170c..e7bb438db3 100644 --- a/knowledge-base/grid-change-font-size.md +++ b/knowledge-base/grid-change-font-size.md @@ -10,7 +10,7 @@ ticketid: 1648462, 1646767, 1642310 res_type: kb --- -# Environment +## Environment diff --git a/knowledge-base/grid-click-header-template-sorts.md b/knowledge-base/grid-click-header-template-sorts.md index ef968886d1..e9af61b60f 100644 --- a/knowledge-base/grid-click-header-template-sorts.md +++ b/knowledge-base/grid-click-header-template-sorts.md @@ -10,7 +10,7 @@ ticketid: 1498927 res_type: kb --- -# Environment +## Environment
diff --git a/knowledge-base/grid-compact-grid-with-small-elements.md b/knowledge-base/grid-compact-grid-with-small-elements.md index 63aca3322d..3c5682da12 100644 --- a/knowledge-base/grid-compact-grid-with-small-elements.md +++ b/knowledge-base/grid-compact-grid-with-small-elements.md @@ -10,7 +10,7 @@ ticketid: 1650305 res_type: kb --- -# Environment +## Environment
From 1f05f20205dbc522f9020792ed93f11d76493c5b Mon Sep 17 00:00:00 2001 From: Nadezhda Tacheva Date: Tue, 29 Oct 2024 18:40:12 +0200 Subject: [PATCH 02/71] chore(common): fix malformed code block tags --- components/card/building-blocks.md | 2 +- components/card/orientation.md | 2 +- components/filter/fields/templates.md | 2 +- components/form/formitems/template.md | 2 +- components/gantt/timeline/templates/tooltip.md | 2 +- components/gauges/arc/scale.md | 2 +- components/gauges/linear/pointers.md | 2 +- components/gauges/linear/scale.md | 2 +- components/gauges/radial/pointers.md | 2 +- components/gauges/radial/scale.md | 2 +- components/listbox/overview.md | 2 +- components/mediaquery/integration.md | 2 +- components/panelbar/data-binding/overview.md | 2 +- components/panelbar/expanded-items.md | 2 +- components/scheduler/templates/resource-grouping-header.md | 2 +- components/scheduler/templates/slot.md | 2 +- components/splitter/events.md | 4 ++-- components/spreadsheet/overview.md | 2 +- components/stepper/step-template.md | 2 +- components/tabstrip/events.md | 2 +- knowledge-base/chart-stacked-series-sum-label.md | 2 +- knowledge-base/grid-show-confirm-cancel-dialog.md | 2 +- knowledge-base/listbox-filtering.md | 2 +- .../treelist-enable-checkbox-selection-only-edit-mode.md | 2 +- 24 files changed, 25 insertions(+), 25 deletions(-) diff --git a/components/card/building-blocks.md b/components/card/building-blocks.md index 42f00ceed9..43f9d8ea19 100644 --- a/components/card/building-blocks.md +++ b/components/card/building-blocks.md @@ -61,7 +61,7 @@ Use the `CardBody` tag to render the body of the Card. ![Card Body](images/card-body-example.png) -````CSTHML +````RAZOR @* Card Body *@ diff --git a/components/card/orientation.md b/components/card/orientation.md index e4e48dc051..b465c9c3a3 100644 --- a/components/card/orientation.md +++ b/components/card/orientation.md @@ -51,7 +51,7 @@ The result from the snippet below. ![Card with horizontal orientation](images/vertical-orientation-example.png) -````CSTHML +````RAZOR @* Change the orientation of the Card *@ diff --git a/components/filter/fields/templates.md b/components/filter/fields/templates.md index f89ed89dc0..4d55d6a2c3 100644 --- a/components/filter/fields/templates.md +++ b/components/filter/fields/templates.md @@ -29,7 +29,7 @@ To use the Filter Field value template, add a `` tag inside the [ >caption Using FilterField ValueTemplate -````CSHMTL +````RAZOR @using Telerik.DataSource @using Telerik.DataSource.Extensions diff --git a/components/form/formitems/template.md b/components/form/formitems/template.md index 09f36db946..802d5bb17b 100644 --- a/components/form/formitems/template.md +++ b/components/form/formitems/template.md @@ -50,7 +50,7 @@ The sample below shows how to: >caption Using Form Item Templates -````CSHMTL +````RAZOR diff --git a/components/gantt/timeline/templates/tooltip.md b/components/gantt/timeline/templates/tooltip.md index a42ffd87ec..3a1ae7e81e 100644 --- a/components/gantt/timeline/templates/tooltip.md +++ b/components/gantt/timeline/templates/tooltip.md @@ -33,7 +33,7 @@ Apart from that, you can add and customize any other content - for example, icon ![Gantt TooltipTemplate Example](images/gantt-tooltip-template-example.png) -````CSTHML +````RAZOR @* Customize the content of the Tooltip through the TooltipTemplate *@ diff --git a/components/gauges/linear/pointers.md b/components/gauges/linear/pointers.md index fe9beb14dd..6215f27dd4 100644 --- a/components/gauges/linear/pointers.md +++ b/components/gauges/linear/pointers.md @@ -86,7 +86,7 @@ The `Color` (`string`) parameter controls the color of the pointers. It accepts The `Opacity` (`double`) parameter controls the opacity of the pointers. The value passed to it should be between **0** and **1**. -````CSHML +````RAZOR @* Change the opacity of a pointer *@ diff --git a/components/gauges/linear/scale.md b/components/gauges/linear/scale.md index 60dbc90bd8..1cd1ea59f9 100644 --- a/components/gauges/linear/scale.md +++ b/components/gauges/linear/scale.md @@ -171,7 +171,7 @@ You can remove the MinorUnit ticks from the rendering of the scale by using the ![Remove the MinorUnit ticks](images/remove-minorunit-ticks-linear-gauge.png) -````CSHMTL +````RAZOR @* Remove the MinorUnit ticks. *@ diff --git a/components/gauges/radial/pointers.md b/components/gauges/radial/pointers.md index 9a648156c8..6fdd8f1a66 100644 --- a/components/gauges/radial/pointers.md +++ b/components/gauges/radial/pointers.md @@ -87,7 +87,7 @@ The `Color` (`string`) parameter controls the color of the pointer cap. It accep ![Pointer cap color](images/pointer-cap-color.png) -````CSHML +````RAZOR @* Change the color of the pointer cap *@ diff --git a/components/gauges/radial/scale.md b/components/gauges/radial/scale.md index 4224be4c32..cc646af8c0 100644 --- a/components/gauges/radial/scale.md +++ b/components/gauges/radial/scale.md @@ -160,7 +160,7 @@ You can remove the MinorUnit ticks from the rendering of the scale by using the ![Remove the MinorUnit ticks](images/remove-minorunit-ticks-radial-gauge.png) -````CSHMTL +````RAZOR @* Remove the MinorUnit ticks. *@ diff --git a/components/listbox/overview.md b/components/listbox/overview.md index f101d08fc7..65e3a00a1b 100644 --- a/components/listbox/overview.md +++ b/components/listbox/overview.md @@ -27,7 +27,7 @@ To use a Telerik ListBox for Blazor: >caption Basic Blazor ListBox -````CSHML +````RAZOR @* ListBox with item selection and reordering *@ note You can also see the Responsive Chart demo application for additional examples. -````CSHMTL +````RAZOR @* Resize the chart based on the browser size so it matches the corresponding responsive layout *@ diff --git a/components/panelbar/data-binding/overview.md b/components/panelbar/data-binding/overview.md index 226c346a13..9cb9c44c58 100644 --- a/components/panelbar/data-binding/overview.md +++ b/components/panelbar/data-binding/overview.md @@ -93,7 +93,7 @@ The following **Example** shows how to define simple binding to match item field >caption Sample binding on a flat data source. Showcases how to set the properties to match the model. With this model, the only field name you must explicitly specify is `ParentIdField`, the others match the defaults. -````CSHMTL +````RAZOR
diff --git a/components/panelbar/expanded-items.md b/components/panelbar/expanded-items.md index 092e7b0439..6414ac6255 100644 --- a/components/panelbar/expanded-items.md +++ b/components/panelbar/expanded-items.md @@ -30,7 +30,7 @@ You can use the ExpandMode to allow the user to expand one or more items at a ti >caption Change the Expand mode of the PanelBar -````CSHMTL +````RAZOR @* Set the Expanded mode of the PanelBar to single *@
diff --git a/components/scheduler/templates/resource-grouping-header.md b/components/scheduler/templates/resource-grouping-header.md index 1411c4a61f..c8ca00d0c3 100644 --- a/components/scheduler/templates/resource-grouping-header.md +++ b/components/scheduler/templates/resource-grouping-header.md @@ -27,7 +27,7 @@ The `context` of the template is a `SchedulerResourceGroupHeaderTemplateContext` >caption Example of using the SchedulerResourceGroupHeaderTemplate -````CSHMTL +````RAZOR caption Handle the SizeChanged event of a Splitter Pane -````CSTHML +````RAZOR @* Try resizing Pane 1 *@
@@ -195,7 +195,7 @@ The `CollapsedChanged` event is triggered when the `Collapsed` parameter of the >caption Handle the CollapsedChanged event of a Splitter Pane -````CSTHML +````RAZOR @* Try collapsing Pane 1 *@
diff --git a/components/spreadsheet/overview.md b/components/spreadsheet/overview.md index 7fa8b63667..511e9bf3db 100644 --- a/components/spreadsheet/overview.md +++ b/components/spreadsheet/overview.md @@ -22,7 +22,7 @@ To use the Telerik Spreadsheet for Blazor: >caption Basic Blazor Spreadsheet -````CSHML +````RAZOR diff --git a/components/stepper/step-template.md b/components/stepper/step-template.md index f5dac52a80..2653a06940 100644 --- a/components/stepper/step-template.md +++ b/components/stepper/step-template.md @@ -17,7 +17,7 @@ You can customize the whole appearance of the steps through their Template. It a ![Step Template](images/step-template-example.png) -````CSTHML +````RAZOR @* Step Template *@ diff --git a/components/tabstrip/events.md b/components/tabstrip/events.md index b29ce2db89..0a02f0aa7e 100644 --- a/components/tabstrip/events.md +++ b/components/tabstrip/events.md @@ -22,7 +22,7 @@ If you remove programmatically the currently active tab, when it disposes, the e >caption Handle the tab selection changed event -````CSHTL +````RAZOR @result diff --git a/knowledge-base/chart-stacked-series-sum-label.md b/knowledge-base/chart-stacked-series-sum-label.md index 864e6f2210..693b8f037b 100644 --- a/knowledge-base/chart-stacked-series-sum-label.md +++ b/knowledge-base/chart-stacked-series-sum-label.md @@ -211,7 +211,7 @@ Here is how to display an additional custom label on the horizontal Chart axis b >caption Display additional custom column series label on the Chart category axis -````CSHML +````RAZOR diff --git a/knowledge-base/grid-show-confirm-cancel-dialog.md b/knowledge-base/grid-show-confirm-cancel-dialog.md index 2fa5e54ad2..fcde9f3ec7 100644 --- a/knowledge-base/grid-show-confirm-cancel-dialog.md +++ b/knowledge-base/grid-show-confirm-cancel-dialog.md @@ -128,7 +128,7 @@ Using the [Dialog component]({%slug dialog-overview%}) will let you have fully c * Wait for the user choice to prevent or proceed with the cancel operation. * Hide the Dialog. -````CSTHML +````RAZOR @*Only OnCancel event is handled for brevity*@ @using System.ComponentModel.DataAnnotations @* for the validation attributes *@ diff --git a/knowledge-base/listbox-filtering.md b/knowledge-base/listbox-filtering.md index 283cabb162..7c1815c522 100644 --- a/knowledge-base/listbox-filtering.md +++ b/knowledge-base/listbox-filtering.md @@ -52,7 +52,7 @@ This KB article answers the following questions: >caption ListBox Filtering -````CSHTL +````RAZOR @using Telerik.DataSource @using Telerik.DataSource.Extensions diff --git a/knowledge-base/treelist-enable-checkbox-selection-only-edit-mode.md b/knowledge-base/treelist-enable-checkbox-selection-only-edit-mode.md index a83b90eae7..2408c4fe07 100644 --- a/knowledge-base/treelist-enable-checkbox-selection-only-edit-mode.md +++ b/knowledge-base/treelist-enable-checkbox-selection-only-edit-mode.md @@ -343,7 +343,7 @@ Below is an example implementation that toggles the visibility of the Checkbox C Alternatively, if you prefer not to toggle the `CheckboxColumn` visibility but just disable it, you can apply conditional custom CSS based on the flag that you set in the `OnEdit`/`OnAdd` handlers. -````CSTHML +````RAZOR @if (!SelectionEnabled) { -``` +```` >caption Change the built-in expand/collapse icons. The result of the code snippet above. diff --git a/knowledge-base/grid-filtering-null-reference.md b/knowledge-base/grid-filtering-null-reference.md index 3078847084..afb1373d8d 100644 --- a/knowledge-base/grid-filtering-null-reference.md +++ b/knowledge-base/grid-filtering-null-reference.md @@ -25,13 +25,13 @@ res_type: kb For our current project, we are grabbing data from the server and using it to dynamically populate a `TelerikGrid` in Blazor. This is causing an issue with filtering in the `Grid`. ## Error Message -``` +````C# System.NullReferenceException: Object reference not set to an instance of an object. at Telerik.Blazor.Components.Common.Filters.FilterList.TelerikFilterList.GetFilterOperators() at Telerik.Blazor.Components.Common.Filters.FilterList.TelerikFilterList.InitFilterOperators() at Telerik.Blazor.Components.Common.Filters.FilterList.TelerikFilterList.OnInitializedAsync() at Microsoft.AspNetCore.Components.ComponentBase.RunInitAndSetParametersAsync() -``` +```` ## Possible Cause The possible reason for this error is a missing `FieldType` from the column that you try to filter. diff --git a/knowledge-base/grid-json-serializer-null-membertype.md b/knowledge-base/grid-json-serializer-null-membertype.md index 257f8837de..bc58cc207f 100644 --- a/knowledge-base/grid-json-serializer-null-membertype.md +++ b/knowledge-base/grid-json-serializer-null-membertype.md @@ -38,24 +38,24 @@ I see errors when I load the Grid state at initialization (`OnStateInit` event h The exception messages can vary, for example: -``` +````C# System.NullReferenceException: Object reference not set to an instance of an object. at Telerik.Blazor.Common.Filter.FilterOperatorFactory.GetFilterOperatorsForType(Type type, ITelerikStringLocalizer localizer) -``` +```` Or alternatively: -``` +````C# System.NullReferenceException: Object reference not set to an instance of an object. at Telerik.Blazor.Components.Common.Filters.FilterList.TelerikFilterList.GetFilterOperators() at Telerik.Blazor.Components.Common.Filters.FilterList.TelerikFilterList.InitFilterOperators() -``` +```` If the Grid is bound to **OData**, the OData query may be incorrect and the following exception may occur: -``` +````C# A binary operator with incompatible types was detected. Found operand types '...' and '...' for operator kind '...'.", "type": "Microsoft.OData.ODataException". -``` +```` ## Possible Cause diff --git a/knowledge-base/grid-number-formatting-of-the-csv-export.md b/knowledge-base/grid-number-formatting-of-the-csv-export.md index 191e0e5ed5..1b07ded7b6 100644 --- a/knowledge-base/grid-number-formatting-of-the-csv-export.md +++ b/knowledge-base/grid-number-formatting-of-the-csv-export.md @@ -51,7 +51,7 @@ To format numeric and date cells of the exported file before it reaches the clie 1. Pass that `MemoryStream` to the `args.Stream` of the `GridAfterCsvExportEventArgs`, so that the modifications can be saved to the actual exported file. -```` +````RAZOR @*Use RadSpreadProcessing to format numeric data in the exported CSV file*@ @using Telerik.Windows.Documents.Spreadsheet.FormatProviders.TextBased.Csv diff --git a/knowledge-base/grid-set-all-page-size-option-as-default.md b/knowledge-base/grid-set-all-page-size-option-as-default.md index 55297c4855..ca07af224e 100644 --- a/knowledge-base/grid-set-all-page-size-option-as-default.md +++ b/knowledge-base/grid-set-all-page-size-option-as-default.md @@ -41,7 +41,7 @@ The `PageSize` parameter of the Grid accepts a non-nullable `int` by design. To >caption Set "All" PageSize Option as Default -``` +````RAZOR Page size: @PageSize /* prevents the pointer-events of the appointment */ .non-draggable-appointment { diff --git a/testing/e2e-testing-with-test-studio.md b/testing/e2e-testing-with-test-studio.md index aa760a0bb3..16edeb9f67 100644 --- a/testing/e2e-testing-with-test-studio.md +++ b/testing/e2e-testing-with-test-studio.md @@ -13,11 +13,28 @@ The __Telerik Test The Translators in Test Studio are extensions, which expose internal elements and properties of the supported Telerik controls for automating actions and verification steps in the tests. The tools, which will help you to take full advantage of the power of Telerik controls, are built-in in the __Test Studio compact recording toolbar__. -Test Studio supports translators for the following Telerik UI Blazor components: +Test Studio supports translators for the following Telerik UI Blazor components: + +* AnimationContainer +* Button +* ComboBox +* DatePicker +* DateTimePicker +* DateInput +* Drawer +* DropDownList +* Grid +* List +* ListView +* Menu +* NumericTextBox +* Pager +* TabStrip +* TextBox +* TimePicker +* TreeView +* Window -``` -TreeView, TimePicker, TextBox, TabStrip, Pager, NumericTextBox, Menu, List, ListView, Grid, DropdownList, DatePicker, DateTimePicker, DateInput, Drawer, Button, ComboBox, AnimationContainer, Window -``` Any of these can be switched on/off from the test Project Setting menu: diff --git a/testing/unit-testing-with-justmock.md b/testing/unit-testing-with-justmock.md index 6c79ea49d5..2feca4f049 100644 --- a/testing/unit-testing-with-justmock.md +++ b/testing/unit-testing-with-justmock.md @@ -37,7 +37,7 @@ As you are already guessing, JustMock is especially useful when unit testing you Here is example of how this looks: -```` +````C# [Fact] public void TestFetchData_PredefinedForecast() { diff --git a/troubleshooting/nuget-feed.md b/troubleshooting/nuget-feed.md index e2bd633070..a4ed6b9359 100644 --- a/troubleshooting/nuget-feed.md +++ b/troubleshooting/nuget-feed.md @@ -87,10 +87,10 @@ To solve the issue: Avoid using an online encoder utility for a password. Instead, use a Powershell command: -``` +````SH Add-Type -AssemblyName System.Web [System.Web.HttpUtility]::HtmlEncode('my§uper&P@§§word') -``` +```` ![Powershell Encoding](images/encode-passwords-with-powershell.png) From d697a92aca604e416a9ac84cc18be17af60cac6b Mon Sep 17 00:00:00 2001 From: Nadezhda Tacheva Date: Mon, 4 Nov 2024 18:36:04 +0200 Subject: [PATCH 18/71] chore(common): fix no code block language errors --- .../grid-kb-only-one-filtermenu-option.md | 24 ++++++++++--------- upgrade/breaking-changes/2-0-0.md | 4 ++-- 2 files changed, 15 insertions(+), 13 deletions(-) diff --git a/knowledge-base/grid-kb-only-one-filtermenu-option.md b/knowledge-base/grid-kb-only-one-filtermenu-option.md index d5e16209b9..93937e8d38 100644 --- a/knowledge-base/grid-kb-only-one-filtermenu-option.md +++ b/knowledge-base/grid-kb-only-one-filtermenu-option.md @@ -35,17 +35,19 @@ There are two options: * Use a [custom filter template]({%slug grid-templates-filter%}). It provides full flexibility over the interface and building the filter descriptor. * Use custom CSS to [override the theme]({%slug themes-override%}) and hide the elements that provide the and/or secondary conditions. The example below demonstrates this approach. Note that **the required CSS is different for different UI for Blazor versions**: -
- - /* UI for Blazor 3.0+ */ - .k-filter-menu-container > span:nth-child(n+3) { - display: none; - } - - /* UI for Blazor 2.30- */ - .k-filter-menu-container > div > :nth-child(n+3) { - display: none; - } +
+````CSS + +```` >caption Hide And/Or filter options in the Grid/TreeList FilterMenu with CSS diff --git a/upgrade/breaking-changes/2-0-0.md b/upgrade/breaking-changes/2-0-0.md index 25c3d92a95..319fc48d30 100644 --- a/upgrade/breaking-changes/2-0-0.md +++ b/upgrade/breaking-changes/2-0-0.md @@ -31,7 +31,7 @@ Until now, you had to include things like `@using Telerik.Blazor.Components.`. * All child tags that had `Telerik` as a prefix do not have that prefix anymore. -```` +````RAZOR // Old From d695b0a4aa66c8958fdf6cd49c2ceeb718733675 Mon Sep 17 00:00:00 2001 From: Nadezhda Tacheva Date: Tue, 5 Nov 2024 11:49:17 +0200 Subject: [PATCH 19/71] chore(common): fix no language errors --- common-features/loading-sign.md | 6 +- components/filter/integration.md | 81 ++-------------------- components/tabstrip/scrollable-tabs.md | 14 ++-- components/tooltip/template.md | 4 +- knowledge-base/common-stack-grid-layout.md | 8 +-- 5 files changed, 22 insertions(+), 91 deletions(-) diff --git a/common-features/loading-sign.md b/common-features/loading-sign.md index 6fe8539143..80ecdeb70a 100644 --- a/common-features/loading-sign.md +++ b/common-features/loading-sign.md @@ -78,7 +78,7 @@ Thus, to show a loading indicator during the initial data load, you can do eithe >caption Loading Sign for the initial data load - a few examples
-````Grid +````RAZOR Grid This sample shows only an indicator for the initial data load, only the DELETE operation is slowed down so you can see a loading sign.
@@ -145,7 +145,7 @@ This sample shows only an indicator for the initial data load, only the DELETE o } } ```` -````Scheduler +````RAZOR Scheduler This sample shows only an indicator for the initial data load, only the DELETE operation is slowed down so you can see a loading sign.
@@ -252,7 +252,7 @@ This sample shows only an indicator for the initial data load, only the DELETE o } } ```` -````TreeView +````RAZOR TreeView This sample shows a loading panel over the treeview container (tweak as required by your layout and design) in addition to the loading indicators the treeview provides while loading data on demand.
diff --git a/components/filter/integration.md b/components/filter/integration.md index bc8e70161e..1b36a25f6f 100644 --- a/components/filter/integration.md +++ b/components/filter/integration.md @@ -25,14 +25,12 @@ This article contains the following sections: **To integrate the Filter with the Telerik Grid, you need to:** -1. Set the Value parameter of the Filter via [one-way]({%slug filter-events%}#valuechanged) or two-way binding. +1. Set the Value parameter of the Filter via [one-way]({%slug filter-events%}#valuechanged) or two-way binding. If you want to filter at the moment of change, use Filter with a one-way bound value. 2. Update the Grid data based on the Filter value. ->caption Filter with two-way bound value in Grid. If you want to filter at the moment of change, use Filter with a one-way bound value. +>caption Filter with two-way bound value in Grid -
- -````Two-way +````RAZOR @using Telerik.DataSource; @using Telerik.DataSource.Extensions; @@ -108,76 +106,7 @@ This article contains the following sections: } } ```` -````One-way -@using Telerik.DataSource; -@using Telerik.DataSource.Extensions; - - - - - - - - - - - - - - - - - - - -@code { - public IEnumerable InitialData { get; set; } - public IEnumerable GridData { get; set; } - - private void OnValueChanged(CompositeFilterDescriptor filter) - { - var dataSourceRequest = new DataSourceRequest { Filters = new List{ filter } }; - - var datasourceResult = InitialData.ToDataSourceResult(dataSourceRequest); - GridData = datasourceResult.Data.Cast().ToList(); - } - - protected override void OnInitialized() - { - LoadData(); - base.OnInitialized(); - } - - void LoadData() - { - InitialData = Enumerable.Range(1, 100).Select(x => new Person - { - EmployeeId = x, - Name = "name " + x, - AgeInYears = x * 2, - IsOutOfOffice = x % 2 == 0 - }); - - GridData = new List(InitialData); - } - - public class Person - { - public int EmployeeId { get; set; } - - public string Name { get; set; } - - public int AgeInYears { get; set; } - - public bool IsOutOfOffice { get; set; } - } -} -```` >caption The result from the above code snippet. ![Blazor Filter Grid Integration](images/filter-grid-integration.gif) @@ -189,7 +118,7 @@ This article contains the following sections: 1. Set the Value parameter of the Filter via one-way or two-way binding. 2. Update the TreeView data based on the Filter value. ->caption Use Filter in TreeView. +>caption Use Filter in TreeView ````CSHTML @using Telerik.DataSource @@ -337,7 +266,7 @@ This article contains the following sections: 1. Set the Value parameter of the Filter via one-way or two-way binding. 2. Update the TreeList data based on the Filter value. ->caption Use Filter in TreeList. +>caption Use Filter in TreeList ````CSHTML @using Telerik.DataSource diff --git a/components/tabstrip/scrollable-tabs.md b/components/tabstrip/scrollable-tabs.md index 6639a45747..bf8f0083d6 100644 --- a/components/tabstrip/scrollable-tabs.md +++ b/components/tabstrip/scrollable-tabs.md @@ -14,10 +14,9 @@ If the TabStrip dimensions exceed the width or height of the page, a browser-lev To scroll the tabs only, set the `Scrollable` bool parameter of the TabStrip to `true` (defaults to `false`). You should also set the `Width` (for tabs with [Position]({%slug tabstrip-tabs-position%}) set to top and bottom) and `Height` (for tabs with [Position]({%slug tabstrip-tabs-position%}) set to left and right) to achieve the desired behavior. ->caption Scroll the tabs only +>caption Horizontal Scrolling -
-````HorizontalScrolling +````RAZOR @@ -31,10 +30,13 @@ To scroll the tabs only, set the `Scrollable` bool parameter of the TabStrip to } ```` -````VerticalScrolling + +>caption Vertical Scrolling + +````RAZOR + Height="200px" + TabPosition="Telerik.Blazor.TabPosition.Left"> @{ for (int i = 0; i < 10; i++) { diff --git a/components/tooltip/template.md b/components/tooltip/template.md index a1ed670edd..21e1d18402 100644 --- a/components/tooltip/template.md +++ b/components/tooltip/template.md @@ -102,7 +102,7 @@ This example shows how you can use a standalone component to generate the toolti >caption Generate tooltip content through a separate component
-````MainComponent +````RAZOR MainComponent @* Tip: set dimensions that will accommodate the data/content you fetch/generate to avoid sizing and/or positioning issues when the new content is rendered *@ @@ -120,7 +120,7 @@ This example shows how you can use a standalone component to generate the toolti and even a third target.

```` -````TooltipContentComponent +````RAZOR TooltipContentComponent @* You can apply more styling, add different content or more components This example showcases the concept, you can modify it to match you needs. Using the OnParametersSet event and loading data on demand is not required *@ diff --git a/knowledge-base/common-stack-grid-layout.md b/knowledge-base/common-stack-grid-layout.md index 4ca8f95e4e..5fbaee42dd 100644 --- a/knowledge-base/common-stack-grid-layout.md +++ b/knowledge-base/common-stack-grid-layout.md @@ -50,7 +50,7 @@ To do a grid layout, the easiest approach is to use a CSS Grid. For example: ![Basic Grid Layout](images/grid-layout-basics.png)
-````Blazor +````RAZOR Blazor +```` + + +
+ +````HTML +
+ + + +```` + +
diff --git a/upgrade/breaking-changes/4-0-0.md b/upgrade/breaking-changes/4-0-0.md index 182ac8579f..f385bf00d1 100644 --- a/upgrade/breaking-changes/4-0-0.md +++ b/upgrade/breaking-changes/4-0-0.md @@ -26,6 +26,7 @@ To define custom icon classes inline, use `Icon="@( "my-icon-class" )"`. To use Telerik font icons with UI for Blazor 4.6.0 and above, [register `font-icons.css`]({%slug common-features-icons%}#font-icon-stylesheet). +
@@ -33,24 +34,29 @@ To use Telerik font icons with UI for Blazor 4.6.0 and above, [register `font-ic - - + Custom Icon Button +```` + + +
UI for Blazor 3.7.0
-

-<TelerikButton Icon="save"> Font Icon Button </TelerikButton>
+
 -<GridCommandButton Icon="save"> Font Icon Command Button </GridCommandButton> -<TelerikButton IconClass="fa fa-foo"> Custom Icon Button </TelerikButton> - - -

-<TelerikButton Icon="@SvgIcon.Save"> SVG Icon Button </TelerikButton>
+````RAZOR
+ Font Icon Button 
 
-<GridCommandButton Icon="@SvgIcon.Save"> SVG Icon Command Button </GridCommandButton>
+ Font Icon Command Button 
 
-<TelerikButton Icon="@( "fa fa-foo" )"> Custom Icon Button </TelerikButton>
-
- 		+ +````RAZOR + SVG Icon Button + + SVG Icon Command Button + + Custom Icon Button +```` + +
@@ -127,6 +133,7 @@ Removed the `Shape` parameter from: >caption Stretched enum value in UI for Blazor up to version 3.7.0 and after version 4.0.0 +
@@ -134,64 +141,36 @@ Removed the `Shape` parameter from: - - - - - - - - - - - - - - - - - - + +
UI for Blazor 3.7.0
-

-<CardActions Layout="@CardActionsLayout.Stretched />
-
- 		-

-<CardActions Layout="@CardActionsLayout.Stretch" />
-
-
-

-<TelerikDialog ButtonsLayout="@DialogButtonsLayout.Stretched" />
-
- 		-

-<TelerikDialog ButtonsLayout="@DialogButtonsLayout.Stretch" />
-
-
-

-<GridPopupEditFormSettings ButtonsLayout="FormButtonsLayout.Stretched" />
-
- 		-

-<GridPopupEditFormSettings ButtonsLayout="FormButtonsLayout.Stretch" />
-
-
-

-<SchedulerPopupEditFormSettings ButtonsLayout="FormButtonsLayout.Stretched" />
-
- 		-

-<SchedulerPopupEditFormSettings ButtonsLayout="FormButtonsLayout.Stretch" />
-
-
-

-<TreeListPopupEditFormSettings ButtonsLayout="FormButtonsLayout.Stretched" />
-
- 		-

-<TreeListPopupEditFormSettings ButtonsLayout="FormButtonsLayout.Stretch" />
-
- 		+ +````RAZOR + + + + + + + + + +```` + + + +````RAZOR + + + + + + + + + +```` + +
@@ -202,6 +181,7 @@ Added an `Async` suffix to the name of asynchronous methods. >caption Method signatures in UI for Blazor up to version 3.7.0 and after version 4.0.0 +
@@ -209,36 +189,36 @@ Added an `Async` suffix to the name of asynchronous methods. - - - - - - + +```` + +
UI for Blazor 3.7.0
-

-private TelerikGrid GridRef { get; set; }
+
 + +````C# +private TelerikGrid GridRef { get; set; } // ... await GridRef.SetState(desiredState); - - -

-private TelerikGrid GridRef { get; set; }
+
 // ...
-await GridRef.SetStateAsync(desiredState);
-
-
-

-private TelerikTreeList TreeListRef { get; set; }
+
+private TelerikTreeList TreeListRef { get; set; }
 // ...
 await TreeListRef.SetState(desiredState);
-
- 		-

-private TelerikTreeList TreeListRef { get; set; }
+````
+
+
 + +````C# +private TelerikGrid GridRef { get; set; } +// ... +await GridRef.SetStateAsync(desiredState); + +// ... + +private TelerikTreeList TreeListRef { get; set; } // ... await TreeListRef.SetStateAsync(desiredState); - -
@@ -253,6 +233,7 @@ This section describes changes per component. >caption Visible parameter in UI for Blazor up to version 3.7.0 and after version 4.0.0 +
@@ -260,16 +241,20 @@ This section describes changes per component. - - + +
UI for Blazor 3.7.0
-

-<TelerikButton Hidden="false"> Visible button <TelerikButton />
-
- 		-

-<TelerikButton Visible="true"> Visible button <TelerikButton />
-
- 		+ +````RAZOR + + +````RAZOR + Visible button +```` + +
@@ -284,6 +269,7 @@ This section describes changes per component. >caption DrawerPosition enum values in UI for Blazor up to version 3.7.0 and after version 4.0.0 +
@@ -291,18 +277,22 @@ This section describes changes per component. - - + +
UI for Blazor 3.7.0
-

-<TelerikDrawer Position="@DrawerPosition.Left">
-<TelerikDrawer Position="@DrawerPosition.Right">
-
- 		-

-<TelerikDrawer Position="@DrawerPosition.Start">
-<TelerikDrawer Position="@DrawerPosition.End">
-
- 		+ +````RAZOR + + +```` + + + +````RAZOR + + +```` + +
@@ -335,6 +325,7 @@ This section describes changes per component. >caption Placeholder parameter in UI for Blazor up to version 3.7.0 and after version 4.0.0 +
@@ -342,16 +333,20 @@ This section describes changes per component. - - + +
UI for Blazor 3.7.0
-

-<TelerikMaskedTextBox PlaceHolder="The placeholder text" />
-
- 		-

-<TelerikMaskedTextBox Placeholder="The placeholder text" />
-
- 		+ +````RAZOR + +```` + + + +````RAZOR + +```` + +
@@ -362,6 +357,7 @@ This section describes changes per component. >caption Placeholder parameter in UI for Blazor up to version 3.7.0 and after version 4.0.0 +
@@ -369,16 +365,20 @@ This section describes changes per component. - - + +
UI for Blazor 3.7.0
-

-<TelerikTextArea PlaceHolder="The placeholder text" />
-
- 		-

-<TelerikTextArea Placeholder="The placeholder text" />
-
- 		+ +````RAZOR + +```` + + + +````RAZOR + +```` + +
@@ -396,16 +396,20 @@ This section describes changes per component. - -

-<TelerikTextBox PlaceHolder="The placeholder text" />
-
- - -

-<TelerikTextBox Placeholder="The placeholder text" />
-
- + + +````RAZOR + +```` + + + + +````RAZOR + +```` + + diff --git a/upgrade/rendering-changes/6-0-0.md b/upgrade/rendering-changes/6-0-0.md index f6bfe81f5c..4f98365ed1 100644 --- a/upgrade/rendering-changes/6-0-0.md +++ b/upgrade/rendering-changes/6-0-0.md @@ -49,6 +49,7 @@ The `span.k-breadcrumb-item-text` element renders only if the Breadcrumb item ha When a `ButtonGroupButton` inside a ButtonGroup has no `ChildContent`, it no longer renders an empty `span.k-button-text`. +
@@ -58,22 +59,26 @@ When a `ButtonGroupButton` inside a ButtonGroup has no `ChildContent`, it no lon - - + +
-

-<button class="k-button">
-    <span class="k-button-icon">...</span>
-    <span class="k-button-text"></span>
-</button>
-
- 		-

-<button class="k-button">
-    <span class="k-button-icon"></span>
-
-</button>
-
- 		+ +````HTML + +```` + + + +````HTML + +```` + +
@@ -103,6 +108,7 @@ When a `ButtonGroupButton` inside a ButtonGroup has no `ChildContent`, it no lon * The Drawer items (`li.k-drawer-item`) render a `k-level-0` CSS class. * The `div.k-drawer-items` element is removed. The `k-drawer-items` CSS class is moved to the child `ul` element. +
@@ -112,42 +118,49 @@ When a `ButtonGroupButton` inside a ButtonGroup has no `ChildContent`, it no lon - - + +
-

-<div class="k-drawer-container">
-    <div class="k-drawer">
-        <div class="k-drawer-wrapper">
-            <div class="k-drawer-items">
-                <ul>
-                    <li class="k-drawer-item">...</li>
-                    <li class="k-drawer-item">...</li>
-                    <li class="k-drawer-item">...</li>
-                </ul>
-            </div>
-        </div>
-    </div>
-    <div class="k-drawer-content">...</div>
-</div>
-
- 		-

-<div class="k-drawer-container">
-    <div class="k-drawer">
-        <div class="k-drawer-wrapper">
-
-            <ul class="k-drawer-items">
-                <li class="k-drawer-item k-level-0">...</li>
-                <li class="k-drawer-item k-level-0">...</li>
-                <li class="k-drawer-item k-level-0">...</li>
-            </ul>
-
-        </div>
-    </div>
-    <div class="k-drawer-content">...</div>
-</div>
-
- 		+ +````RAZOR +
+
+
+
+
    +
  • ...
    • + +
  • ...
    • + +
  • ...
    • + +
+
+
+
+
...
+
+```` + +		 + +````RAZOR +
+
+
+ +
    +
  • ...
    • +
  • ...
    • +
  • ...
    • +
+ +
+
+
...
+
+```` + +
@@ -213,6 +226,7 @@ The changes below apply to the TreeList only when the two components have the sa * The **Select All** filtering checkbox container (`li.k-item`) renders a `k-check-all-wrap` CSS class. * The filtering checkbox list item (`li.k-item`) no longer renders a `span.k-state-default` element. +
@@ -222,50 +236,55 @@ The changes below apply to the TreeList only when the two components have the sa - - + + + + +```` + +
-

-<ul class="k-reset k-multicheck-wrap">
-    <li class="k-item">
-        <span class="k-state-default">
-            <span class="k-checkbox-wrap">
-                <input type="checkbox" class="k-checkbox" />
-            </span>
-            <label class="k-checkbox-label">Select All</label>
-        </span>
-    </li>
-    <li class="k-item">
-        <span class="k-state-default">
-            <span class="k-checkbox-wrap">
-                <input type="checkbox" class="k-checkbox" />
-            </span>
-            <label class="k-checkbox-label">Text</label>
-        </span>
-    </li>
-</ul>
-
- 		-

-<ul class="k-multicheck-wrap">
-    <li class="k-item k-check-all-wrap">
-        <label class="k-checkbox-label">
-            <span class="k-checkbox-wrap">
-                <input type="checkbox" class="k-checkbox" />
-            </span>
+
 + +````RAZOR +
    +
  • + + + + + + +
    • +
  • + + + + + + +
    • +
+```` + +		 + +````RAZOR +
    +
  • + +
    • + +
  • +
@@ -286,6 +305,7 @@ The ListView container (`div.k-listview`) no longer renders a `k-d-flex` CSS cla The `FooterTemplate` container (`div.k-table-footer`) renders a single `span.k-table-td` element instead of a `table.k-table`. +
@@ -295,36 +315,40 @@ The `FooterTemplate` container (`div.k-table-footer`) renders a single `span.k-t - + +
-

-<div class="k-table-footer">
-    <table class="k-table">
-        <tfoot class="k-table-tfoot">
-            <tr class="k-table-row">
-                <td class="k-table-td">
+
 + +````HTML +
+ + + + - + + +
FooterTemplate content - </td> - </tr> - </tfoot> - </table> -</div> - - -

-<div class="k-table-footer">
+
+
+```` + +		 +````HTML +
- <span class="k-table-td"> + + FooterTemplate content - </span> + + +
+```` -</div> - -
@@ -348,6 +372,7 @@ The rendering changes in the Pager also affect the components that use a Pager c * The selected `option` element in the native page number drop down (`select.k-picker`) no longer renders a `k-selected` CSS class. The `select` element shows on small screens instead of the pager buttons when the [Pager `Adaptive` parameter]({%slug pager-overview%}#pager-parameters) is set to `true`. * The page number buttons (`button.k-button`) render their content in a `span.k-button-text`. +
@@ -357,26 +382,30 @@ The rendering changes in the Pager also affect the components that use a Pager c - - + +```` + + +
-

-<button class="k-button">
+
 + +````HTML + + -

-<button class="k-button">
-    <span class="k-button-text">10</span>
-</button>
-<button class="k-button">
-    <span class="k-button-text">...</span>
-</button>
-
- 		+ +````HTML + + +```` + +
@@ -403,6 +432,7 @@ The rendering changes in the Pager also affect the components that use a Pager c * The **Upload** icon is followed by a `span.k-dropzone-hint` element. * The **Upload** icon and drop zone hint render inside a `div.k-external-dropzone` element, which wraps a `div.k-dropzone-hint` element. +
@@ -412,34 +442,40 @@ The rendering changes in the Pager also affect the components that use a Pager c - - + + + + +```` + +
-

+
 +````RAZOR -<span class="k-icon k-svg-i-folder-open"> + + + ... -</span> + + - - -

-<div class="k-external-dropzone">
-    <div class="k-dropzone-inner">
-        <span class="k-icon k-svg-i-upload k-dropzone-icon">
+````
+
+
 + +````RAZOR +
+
+ ... - </span> - <span class="k-dropzone-hint"> + + ... - </span> - </div> -</div> - -
@@ -456,6 +492,7 @@ The two `span.k-progress-status` elements no longer render if the [ProgressBar l * The radio button element (`input.k-radio`) renders a `k-checked` CSS class when checked. * The `input.k-radio` element is wrapped in a `span.k-radio-wrap`. +
@@ -465,30 +502,34 @@ The two `span.k-progress-status` elements no longer render if the [ProgressBar l - - + + + +```` + +
-

-<li class="k-radio-item">
+
 - <input type="radio" class="k-radio" /> +````RAZOR +
  • - <label class="k-radio-label"> + + +
    		• -
    
-<li class="k-radio-list-item">
-    <span class="k-radio-wrap">
-        <input type="radio" class="k-radio k-checked" />
-    </span>
-    <label class="k-radio-label">
+    
+
+````
+
+
    		 + +````RAZOR +
  • + + + +
    • @@ -533,6 +574,7 @@ The child `div` of the TreeView item container (`li.k-treeview-item > div`) rend * The remove icons (`span.k-icon`) in the file list no longer render a `k-delete` CSS class. * The `span.k-upload-status` element in the top area contains only the upload status label and no longer wraps the Loader component and the status icon. +
    @@ -542,44 +584,49 @@ The child `div` of the TreeView item container (`li.k-treeview-item > div`) rend - - + + + + +```` + +
    -
    
-<div class="k-upload">
-    <div class="k-upload-dropzone k-dropzone">
-        <div class="k-upload-button-wrap">
+
    		 + +````HTML +
    +
    +
    ... - </div> - <span class="k-dropzone-hint">Drag and drop files here to upload</span> - <span class="k-upload-status"> - <span class="k-icon"> +
    + Drag and drop files here to upload + + ... - </span> - + Done - </span> - </div> -</div> - -
    		-
    
-<div class="k-upload">
-    <div class="k-upload-dropzone k-dropzone">
-        <div class="k-upload-button-wrap">
+        
+    
+
+
+
+````
+
+
    		 + +````HTML +
    +
    +
    ... - </div> - <span class="k-dropzone-hint">Drag and drop files here to upload</span> +
    + Drag and drop files here to upload - <span class="k-icon"> + ... - </span> - <span class="k-upload-status"> + + Done - </span> - </div> -</div> - -
    From e4c10b605af7c7cf07c8b1cdfcccfb40da1caf36 Mon Sep 17 00:00:00 2001 From: Nadezhda Tacheva Date: Thu, 7 Nov 2024 14:36:40 +0200 Subject: [PATCH 25/71] chore(common): fix latest warnings --- accessibility/wcag-section-508-wai-aria.md | 2 +- components/colorpicker/overview.md | 2 +- components/flatcolorpicker/overview.md | 2 +- components/menu/templates.md | 2 +- components/multicolumncombobox/templates.md | 2 +- components/notification/open-close-hide.md | 2 +- knowledge-base/radiogroup-like-buttongroup.md | 2 +- system-requirements.md | 2 +- troubleshooting/general-issues.md | 4 ++-- troubleshooting/js-errors.md | 4 ++-- 10 files changed, 12 insertions(+), 12 deletions(-) diff --git a/accessibility/wcag-section-508-wai-aria.md b/accessibility/wcag-section-508-wai-aria.md index dcfe76615b..4b4da64437 100644 --- a/accessibility/wcag-section-508-wai-aria.md +++ b/accessibility/wcag-section-508-wai-aria.md @@ -17,7 +17,7 @@ In this article you will find information on the general topics of accessibility * [Standards and Policies](#standards-and-policies) * [Section 508](#section-508) - * [W3C Web Content Accessibility Guidelines (WCAG) 2.2](#w3c-web-content-accessibility-guidelines-wcag-22) + * [W3C Web Content Accessibility Guidelines (WCAG) 2.2](#w3c-web-content-accessibility-guidelines-wcag-2-2) * [Technical Specifications](#technical-specifications) * [WAI-ARIA](#wai-aria) * [Keyboard Navigation](#keyboard-navigation) diff --git a/components/colorpicker/overview.md b/components/colorpicker/overview.md index dc943a11bd..cf9a3c02e1 100644 --- a/components/colorpicker/overview.md +++ b/components/colorpicker/overview.md @@ -83,7 +83,7 @@ The ColorPicker tag exposes the following features through its attributes: | `Enabled` | `bool`
    (`true`) | Determines if the user can open the popup and change the value. | | `ShowButtons` | `bool`
    (`true`) | Controls the visibility of the **Apply** and **Cancel** buttons. | | `ShowClearButton` | `bool`
    (`true`) | Sets the visibility of the **Clear** button. | -| `Icon` | `object` | Adds a font icon inside the [main component button](#interface). You can find more information on adding a font icon to a Telerik Component in the [Telerik Font and Svg Icons article]({%slug common-features-icons%}#iicon-namespaces). | +| `Icon` | `object` | Adds a font icon inside the [main component button](#interface). You can find more information on adding a font icon to a Telerik Component in the [Telerik Font and Svg Icons article]({%slug common-features-icons%}#icon-namespaces). | ### Styling and Appearance diff --git a/components/flatcolorpicker/overview.md b/components/flatcolorpicker/overview.md index f9ef18aa4a..8105a2c367 100644 --- a/components/flatcolorpicker/overview.md +++ b/components/flatcolorpicker/overview.md @@ -16,7 +16,7 @@ The ` tags inside the Menu and use them for navigation instead of the [built-in Menu navigation mechanism]({%slug menu-navigation%}). This approach requires the URL property name to be different from `Url`. [`` also supports the `target="_blank"` attribute](#use-itemtemplate-for-styling-and-target-_blank). >caption Use Menu item template for navigation diff --git a/components/multicolumncombobox/templates.md b/components/multicolumncombobox/templates.md index 2be6748290..e53c99b129 100644 --- a/components/multicolumncombobox/templates.md +++ b/components/multicolumncombobox/templates.md @@ -20,7 +20,7 @@ The MultiColumnComboBox component allows you to change what is rendered in its h * [No Data Template](#no-data-template) * [Example](#example) -## Row +## Row Template The `RowTemplate` allows you to control the rendering of each whole row in the dropdown. Use a row template if separate [column templates]({%slug multicolumncombobox-columns-templates%}) do not allow enough customization. diff --git a/components/notification/open-close-hide.md b/components/notification/open-close-hide.md index c58cc040e7..c6c2e9f2b4 100644 --- a/components/notification/open-close-hide.md +++ b/components/notification/open-close-hide.md @@ -88,7 +88,7 @@ You can pass the entire [NotificationModel]({%slug notification-overview%}#notif There are two separate ways to close a notification: -* [Automatically Closing Notification](#automatically-closing-notification) +* [Automatically Closing Notification](#automatically-closing-a-notification) * [Manually Closing a Notification](#manually-closing-a-notification) ### Automatically Closing a Notification diff --git a/knowledge-base/radiogroup-like-buttongroup.md b/knowledge-base/radiogroup-like-buttongroup.md index 5faf0fe2c5..9a17450a60 100644 --- a/knowledge-base/radiogroup-like-buttongroup.md +++ b/knowledge-base/radiogroup-like-buttongroup.md @@ -31,7 +31,7 @@ Use custom CSS to make the radio inputs invisible and style their labels to look The RadioGroup will look similar to a [ButtonGroup with single selection]({%slug buttongroup-selection%}#single-selection). The major difference is that the RadioGroup has a single value of type ``, while each button in the ButtonGroup is bound to a separate `boolean` value for its selected state. ->tip The following example is for versions 6.0 and above, which feature an [updated HTML rendering for the RadioGroup]({%slug changes-in-6-0-0%}#radiogroup). If you are using an older version, use the [alternative CSS code from the section below](#solution-up-to-version-5-1-1). +>tip The following example is for versions 6.0 and above, which feature an [updated HTML rendering for the RadioGroup]({%slug rendering-changes-in-6-0-0%}#radiogroup). If you are using an older version, use the [alternative CSS code from the section below](#solution-up-to-version-5-1-1). >caption Style the RadioGroup like a ButtonGroup diff --git a/system-requirements.md b/system-requirements.md index 0f0eab0ae1..a191b58f58 100644 --- a/system-requirements.md +++ b/system-requirements.md @@ -9,7 +9,7 @@ previous_url: /browser-support,/upgrade/framework-versions # System Requirements -This article describes the compatibility of Telerik Blazor components with different [browser versions](#browser-support) and [.NET versions](#net-versions-support). It also explains the difference between [supported .NET versions](#supported-net-versions) and [compatible .NET versions](#compatible-net-versions). +This article describes the compatibility of Telerik Blazor components with different [browser versions](#browser-support) and [.NET versions](#-net-versions-support). It also explains the difference between [supported .NET versions](#supported-net-versions) and [compatible .NET versions](#compatible-net-versions). Telerik UI for Blazor steps on Microsoft Blazor. You can host and run Telerik Blazor applications on the [platforms and browsers supported by Blazor](https://docs.microsoft.com/en-us/aspnet/core/blazor/supported-platforms) - Windows, Linux, macOS. diff --git a/troubleshooting/general-issues.md b/troubleshooting/general-issues.md index 24d5c7e633..deeaf4762c 100644 --- a/troubleshooting/general-issues.md +++ b/troubleshooting/general-issues.md @@ -15,10 +15,10 @@ This page provides solutions for common issues you may encounter while working w * [TelerikRootComponent is missing]({%slug common-kb-component-requires-telerikrootcomponent%}) * [Popups do not work](#popups-do-not-work) * [Wrong popup position](#wrong-popup-position) -* [Unable to find package Telerik.Documents.SpreadsheetStreaming](#unable-to-find-package-telerikdocumentsspreadsheetstreaming) +* [Unable to find package Telerik.Documents.SpreadsheetStreaming](#unable-to-find-package-telerik-documents-spreadsheetstreaming) * [Cannot provide a value for property 'Localizer'](#cannot-provide-a-value-for-property-localizer) * [Slow Performance](#slow-performance) -* [Failed to find a valid digest in the 'integrity' attribute for resource ... with computed SHA-256 integrity ...](#failed-to-find-a-valid-digest-in-the-integrity-attribute-for-resource--with-computed-sha-256-integrity-) +* [Failed to find a valid digest in the 'integrity' attribute for resource ... with computed SHA-256 integrity ...](#failed-to-find-a-valid-digest-in-the-integrity-attribute-for-resource-with-computed-sha-256-integrity) * [JavaScript errors]({%slug troubleshooting-js-errors%}) * [Issues after deployment]({%slug deployment-troubleshooting%}) * [Content Security Policy]({%slug troubleshooting-csp%}) diff --git a/troubleshooting/js-errors.md b/troubleshooting/js-errors.md index 2b2d6ce9fe..5693ed9c35 100644 --- a/troubleshooting/js-errors.md +++ b/troubleshooting/js-errors.md @@ -13,11 +13,11 @@ position: 2 This page provides solutions for JavaScript errors that you may encounter while working with Telerik UI for Blazor components. * [`TelerikBlazor` was undefined](#telerikblazor-was-undefined) -* [`init[Component]` was undefined](#initcomponent-was-undefined) (also applies to errors about missing Telerik JavaScript functions) +* [`init[Component]` was undefined](#init-component-was-undefined) (also applies to errors about missing Telerik JavaScript functions) * [Cannot read properties of null (reading `addEventListener`)](#cannot-read-properties-of-null-reading-addeventlistener) * [SyntaxError: Unexpected token](#syntaxerror-unexpected-token) * [KeyNotFoundException: The given key `inputElementValue` was not present](#keynotfoundexception-the-given-key-inputelementvalue-was-not-present) -* [Object doesn't support property or method `assign`](#object-doesnt-support-property-or-method-assign) +* [Object doesn't support property or method `assign`](#object-doesn-t-support-property-or-method-assign) * [Microsoft.JSInterop.JSException: Maximum call stack size exceeded](#maximum-call-stack-size-exceeded) ## TelerikBlazor was undefined From ceb6357c2c5c6d166bbe1ceaef66662626881819 Mon Sep 17 00:00:00 2001 From: Nadezhda Tacheva Date: Thu, 7 Nov 2024 15:07:54 +0200 Subject: [PATCH 26/71] chore(common): fix unresolved urls --- components/editor/toolbar.md | 2 +- components/treeview/data-binding/load-on-demand.md | 2 +- deployment/nuget-keys.md | 2 +- installation/nuget.md | 4 ++-- 4 files changed, 5 insertions(+), 5 deletions(-) diff --git a/components/editor/toolbar.md b/components/editor/toolbar.md index 6ec7b75db2..5b8fede7d5 100644 --- a/components/editor/toolbar.md +++ b/components/editor/toolbar.md @@ -109,7 +109,7 @@ Button groups can take only buttons, and dropdowns and custom tools cannot be ad >caption Examples: -* [Add/Remove Tools From Existing Toolbar](#addremove-tools-from-existing-toolbar) +* [Add/Remove Tools From Existing Toolbar](#add-remove-tools-from-existing-toolbar) * [Create a Toolbar From Scratch](#create-a-toolbar-from-scratch) * [Customize Built-in Tools](#customize-built-in-tools) diff --git a/components/treeview/data-binding/load-on-demand.md b/components/treeview/data-binding/load-on-demand.md index 6b350c322e..737c780ee5 100644 --- a/components/treeview/data-binding/load-on-demand.md +++ b/components/treeview/data-binding/load-on-demand.md @@ -234,7 +234,7 @@ The **example** below shows how you can handle flat data load on demand in detai ## Hierarchical Data Load on Demand - Different Models -The **example** below shows how you can handle hierarchical data load on demand in detail. It uses two different models for the two different [levels of data bindings]({%slug components/treeview/data-binding/overview%}#multiple-level-bindings) it showcases. You do not have to use different models and/or different bindings ( see [Hierarchical Data Load on Demand - One Model](#hierarchical-data-load-on-demand---one-model) ). +The **example** below shows how you can handle hierarchical data load on demand in detail. It uses two different models for the two different [levels of data bindings]({%slug components/treeview/data-binding/overview%}#multiple-level-bindings) it showcases. You do not have to use different models and/or different bindings ( see [Hierarchical Data Load on Demand - One Model](#hierarchical-data-load-on-demand-one-model) ). >caption Different Models Hierarchical Data Load on Demand in a TreeView with sample handling of the various cases. Review the code comments for details. diff --git a/deployment/nuget-keys.md b/deployment/nuget-keys.md index 429b2b0325..f59633cf28 100644 --- a/deployment/nuget-keys.md +++ b/deployment/nuget-keys.md @@ -82,7 +82,7 @@ In your `NuGet.Config` file, set the `Username` value to `api-key` and the `Clea ### Using .NET CLI Commands -You can use the .NET CLI `add source` or `update source` commands to set the credentials of a package source. This CLI approach is applicable if your CI system doesn't support [environment variable secrets](#storing-nuget-keys) or if you do not [use a custom `NuGet.Config`](#using-a-nugetconfig-file). +You can use the .NET CLI `add source` or `update source` commands to set the credentials of a package source. This CLI approach is applicable if your CI system doesn't support [environment variable secrets](#storing-nuget-keys) or if you do not [use a custom `NuGet.Config`](#using-a-nuget-config-file). * To set the credentials in Azure DevOps: diff --git a/installation/nuget.md b/installation/nuget.md index f88b565b69..44b04b3cfb 100644 --- a/installation/nuget.md +++ b/installation/nuget.md @@ -59,7 +59,7 @@ Refer to the [Microsoft documentation about using packages in Visual Studio](htt When adding NuGet sources from the .NET CLI, the credentials are stored in the `NuGet.Config` file. The [password can be encrypted on Windows, but with limitations](#store-encrypted-credentials). You can use a plain text password, but for better security, [generate a NuGet API Key](#use-nuget-api-key), and use it with the .NET CLI instead of a password. -To add the Telerik NuGet package source with the .NET CLI, use the [`dotnet nuget add source`](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-nuget-add-source) command. This command creates or updates a `NuGet.Config` file for you, so you don't have to [edit it manually](#edit-the-nugetconfig-file). +To add the Telerik NuGet package source with the .NET CLI, use the [`dotnet nuget add source`](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-nuget-add-source) command. This command creates or updates a `NuGet.Config` file for you, so you don't have to [edit it manually](#edit-the-nuget-config-file). The command below stores the password or NuGet API Key in plain text in the [global config file](https://learn.microsoft.com/en-us/nuget/consume-packages/configuring-nuget-behavior#config-file-locations-and-uses). @@ -128,7 +128,7 @@ To edit a `NuGet.Config` file and add the Telerik feed, you need to: ## Use NuGet API Key -There are two ways to authenticate with the Telerik NuGet server when you add the Telerik NuGet source [with the .NET CLI](#use-the-net-cli) or [edit the `NuGet.Config` file manually](#edit-the-nugetconfig-file): +There are two ways to authenticate with the Telerik NuGet server when you add the Telerik NuGet source [with the .NET CLI](#use-the-net-cli) or [edit the `NuGet.Config` file manually](#edit-the-nuget-config-file): * Use your Telerik account email as the username, and your Telerik password. * Use `api-key` as the username and your personal [NuGet API Key]({%slug deployment-nuget%}) as the password. From 0f52d2198c85df12111112fa66935436f21b3031 Mon Sep 17 00:00:00 2001 From: Nadezhda Tacheva Date: Thu, 7 Nov 2024 15:15:10 +0200 Subject: [PATCH 27/71] chore(common): fix link --- accessibility/wcag-section-508-wai-aria.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/accessibility/wcag-section-508-wai-aria.md b/accessibility/wcag-section-508-wai-aria.md index 4b4da64437..033b09edba 100644 --- a/accessibility/wcag-section-508-wai-aria.md +++ b/accessibility/wcag-section-508-wai-aria.md @@ -29,7 +29,7 @@ In this article you will find information on the general topics of accessibility Accessible websites and applications normally comply with some or all of the following standards: * [Section 508](#section-508) -* [W3C Web Content Accessibility Guidelines (WCAG) 2.2](#w3c-web-content-accessibility-guidelines-wcag-22) +* [W3C Web Content Accessibility Guidelines (WCAG) 2.2](#w3c-web-content-accessibility-guidelines-wcag-2-2) ### Section 508 From 7a096a16e1f99ed7598f4c2188fa1dae96861ac9 Mon Sep 17 00:00:00 2001 From: Nikolay Nenkov Date: Thu, 7 Nov 2024 19:01:59 +0200 Subject: [PATCH 28/71] adding docs builder interpolation settings --- docs-builder.yml | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/docs-builder.yml b/docs-builder.yml index e51fe07018..1d08a2babf 100644 --- a/docs-builder.yml +++ b/docs-builder.yml @@ -21,6 +21,11 @@ cta-intro: "@ProductLink is a professional grade UI library with 110+ native com excluded-files: ["**/src-a11y/**/*"] +liquid-output-delimiter-left: "{{" +liquid-output-delimiter-right: "}}" +liquid: + uiForBlazorLatestVersion: "7.0.0" + meta: "*templates": title: Templates From 88fcce1480b3e7f3f957954f597f2fe52b57865f Mon Sep 17 00:00:00 2001 From: Nadezhda Tacheva Date: Tue, 12 Nov 2024 11:22:39 +0200 Subject: [PATCH 29/71] chore(common): fix remaining links --- components/form/validation.md | 2 +- components/map/layers/marker.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/components/form/validation.md b/components/form/validation.md index e8183d9cc5..79a0abde45 100644 --- a/components/form/validation.md +++ b/components/form/validation.md @@ -64,7 +64,7 @@ To enable validation in the Telerik Form for Blazor add the `` t When you provide an `EditContext` to the form, you can use its [`EnableDataAnnotationsValidation(IServiceProvider serviceProvider)`](https://learn.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.components.forms.editcontextdataannotationsextensions.enabledataannotationsvalidation?view=aspnetcore-8.0#microsoft-aspnetcore-components-forms-editcontextdataannotationsextensions-enabledataannotationsvalidation(microsoft-aspnetcore-components-forms-editcontext-system-iserviceprovider)) method to add the data annotation validation instead of using the markup. This is useful in the following cases: * When the model the form is bound to changes at runtime. For example, when you [have a reset button]({%slug form-formitems-buttons%}#how-to-add-a-reset-clear-button-to-the-form). -* When you need to re-attach the validation after changing the `Model`. In this case you need to use the [reference to the Form component]({%slug form-overview%}#component-reference)—`TheFormReference.EditContext.EnableDataAnnotationsValidation(IServiceProvider serviceProvider)`. +* When you need to re-attach the validation after changing the `Model`. In this case you need to use the [reference to the Form component]({%slug form-overview%}#form-reference-and-methods)—`TheFormReference.EditContext.EnableDataAnnotationsValidation(IServiceProvider serviceProvider)`. @[template](/_contentTemplates/common/form-validation.md#note-telerik-role-in-validation) diff --git a/components/map/layers/marker.md b/components/map/layers/marker.md index 9987d94d18..59649a8336 100644 --- a/components/map/layers/marker.md +++ b/components/map/layers/marker.md @@ -15,7 +15,7 @@ The marker functionality allows you to add points of interest to the Map. These This article describes how to: * [Create Marker layers](#creating-marker-layers) -* [Customize the Marker appearance](#customizing-marker-appearances) +* [Customize the Marker appearance](#customizing-marker-appearance) * [Define Marker shapes](#defining-marker-shapes) * [Set Marker tooltips](#setting-marker-tooltips) From 86d3739b667594ef187acb2f758a4d396eba2262 Mon Sep 17 00:00:00 2001 From: Nadezhda Tacheva Date: Wed, 13 Nov 2024 16:37:16 +0200 Subject: [PATCH 30/71] chore(common) fix broken nested ol's --- getting-started/client-blazor.md | 4 ++-- getting-started/repl/intergration.md | 6 +++--- getting-started/server-blazor.md | 4 ++-- getting-started/web-app.md | 4 ++-- 4 files changed, 9 insertions(+), 9 deletions(-) diff --git a/getting-started/client-blazor.md b/getting-started/client-blazor.md index 1ddfda33a4..90df1fba12 100644 --- a/getting-started/client-blazor.md +++ b/getting-started/client-blazor.md @@ -43,8 +43,8 @@ This article explains how to get the Date: Mon, 25 Nov 2024 14:22:29 +0200 Subject: [PATCH 32/71] adding metadata-config for docfx --- _assetsApi/metadata-config.json | 13 +++++++++++++ 1 file changed, 13 insertions(+) create mode 100644 _assetsApi/metadata-config.json diff --git a/_assetsApi/metadata-config.json b/_assetsApi/metadata-config.json new file mode 100644 index 0000000000..c501fcc8de --- /dev/null +++ b/_assetsApi/metadata-config.json @@ -0,0 +1,13 @@ +{ + "metadata": [{ + "src": [ + { + "files": [ + "src/**.dll" + ] + } + ], + "dest": "metadata", + "filter": "filterConfig.yml" + }] +} From 1a6617c2e57e5d0f7ca1ff2b57fc72d5574df9e1 Mon Sep 17 00:00:00 2001 From: AngelVelinov Date: Tue, 26 Nov 2024 16:29:53 +0200 Subject: [PATCH 33/71] Fix some md files with wrong skip-repl --- _contentTemplates/common/get-started.md | 4 +- .../form/formitems/formitemstemplate.md | 12 ++-- getting-started/client-blazor.md | 2 +- getting-started/server-blazor.md | 2 +- upgrade/breaking-changes/2-0-0.md | 6 +- upgrade/breaking-changes/3-0-0.md | 56 +++++++++---------- upgrade/breaking-changes/4-0-0.md | 39 ++++++------- 7 files changed, 54 insertions(+), 67 deletions(-) diff --git a/_contentTemplates/common/get-started.md b/_contentTemplates/common/get-started.md index 10d4ed33ed..69d20b215d 100644 --- a/_contentTemplates/common/get-started.md +++ b/_contentTemplates/common/get-started.md @@ -46,13 +46,13 @@ In this tutorial, you will use the [Telerik NuGet feed]({%slug installation/nuge #add-component-sample -````RAZOR +````RAZOR.skip-repl Say Hello ```` 1. Optionally, hook up a click handler that will show a message. The resulting view will look like this: -````RAZOR +````RAZOR.skip-repl @page "/" caption Comparison between versions up to 4.0.1 and after 4.2.0. -
    Up to 4.0.1From 4.2.0

    Index.razor

    -````RAZOR + +````RAZOR.skip-repl
    @@ -159,7 +159,6 @@ Here are the steps to migrate custom content inside the Form from version 4.0.1- - @@ -169,7 +168,7 @@ Here are the steps to migrate custom content inside the Form from version 4.0.1-

    Index.razor

    -````RAZOR +````RAZOR.skip-repl @@ -222,7 +221,7 @@ Here are the steps to migrate custom content inside the Form from version 4.0.1-

    ChildComponent.razor

    -````RAZOR +````RAZOR.skip-repl @@ -231,14 +230,13 @@ Here are the steps to migrate custom content inside the Form from version 4.0.1- - ````

    ChildComponent.razor

    -````RAZOR +````RAZOR.skip-repl @code { diff --git a/getting-started/client-blazor.md b/getting-started/client-blazor.md index 90df1fba12..f8ce12e193 100644 --- a/getting-started/client-blazor.md +++ b/getting-started/client-blazor.md @@ -67,7 +67,7 @@ To enable the Telerik UI for Blazor components, you must add several client-side In the `~/_Imports.razor` file, add the `@using` directives below. This configures the project to recognize the Telerik components in all files. You can register one or both icon namespaces, depending on the [icon type you will be using]({%slug common-features-icons%}). -````RAZOR _Imports.razor +````RAZOR.skip-repl @using Telerik.Blazor @using Telerik.Blazor.Components @using Telerik.SvgIcons diff --git a/getting-started/server-blazor.md b/getting-started/server-blazor.md index e53fb1952f..3d0cb717a1 100644 --- a/getting-started/server-blazor.md +++ b/getting-started/server-blazor.md @@ -69,7 +69,7 @@ To enable the Telerik UI for Blazor components, you must add several client-side In the `~/_Imports.razor` file, add the `@using` directives below. This configures the project to recognize the Telerik components in all files. You can register one or both icon namespaces, depending on the [icon type you will be using]({%slug common-features-icons%}). -````RAZOR _Imports.razor +````RAZOR.skip-repl @using Telerik.Blazor @using Telerik.Blazor.Components @using Telerik.SvgIcons diff --git a/upgrade/breaking-changes/2-0-0.md b/upgrade/breaking-changes/2-0-0.md index 319fc48d30..dcb8d26ede 100644 --- a/upgrade/breaking-changes/2-0-0.md +++ b/upgrade/breaking-changes/2-0-0.md @@ -31,7 +31,7 @@ Until now, you had to include things like `@using Telerik.Blazor.Components. Telerik.Blazor.ChartSeriesStackType @@ -147,7 +147,7 @@ This is a list of the components that had their child tags removed or renamed. * The `TelerikGridEvents` and `EventsManager` tags are removed. The CRUD events of the grid are now available at its root-level tag, for example ``. * All child tags that had `Telerik` as a prefix do not have that prefix anymore. -````RAZOR +````RAZOR.skip-repl // Old diff --git a/upgrade/breaking-changes/3-0-0.md b/upgrade/breaking-changes/3-0-0.md index 1eaf321be2..608dc27679 100644 --- a/upgrade/breaking-changes/3-0-0.md +++ b/upgrade/breaking-changes/3-0-0.md @@ -28,7 +28,6 @@ Note the following changes when using manual data operations: >caption OnRead Usage in UI for Blazor up to version 2.30 and after version 3.0 -
    @@ -38,7 +37,7 @@ Note the following changes when using manual data operations:
    UI for Blazor 2.30
    -````RAZOR +````RAZOR.skip-repl @@ -76,7 +75,7 @@ Note the following changes when using manual data operations: -````RAZOR +````RAZOR.skip-repl @@ -124,7 +123,7 @@ Note the following changes when using manual data operations: >caption Popup configuration in UI for Blazor up to version 2.30 and after version 3.0 -
    + @@ -134,7 +133,7 @@ Note the following changes when using manual data operations:
    UI for Blazor 2.30
    -````RAZOR +````RAZOR.skip-repl @@ -147,7 +146,7 @@ Note the following changes when using manual data operations: -````RAZOR +````RAZOR.skip-repl caption Grid export stream in UI for Blazor up to version 2.30 and after version 3.0 -
    @@ -189,7 +187,7 @@ Note the following changes when using manual data operations:
    UI for Blazor 2.30
    -````C# +````C#.skip-repl TelerikGrid GridRef { get; set; } void ExportToExcel() @@ -203,12 +201,13 @@ void ExportToCsv() } + ```` -````C# +````C#.skip-repl TelerikGrid GridRef { get; set; } async Task ExportToExcel() @@ -231,7 +230,6 @@ async Task ExportToCsv() >caption Expand Grid rows in UI for Blazor up to version 2.30 and after version 3.0 -
    @@ -241,7 +239,7 @@ async Task ExportToCsv()
    UI for Blazor 2.30
    -````C# +````C#.skip-repl List GridData { get; set; } async Task OnGridStateInit(GridStateEventArgs args) @@ -257,7 +255,7 @@ async Task OnGridStateInit(GridStateEventArgs args) -````C# +````C#.skip-repl List GridData { get; set; } async Task OnGridStateInit(GridStateEventArgs args) @@ -279,7 +277,7 @@ async Task OnGridStateInit(GridStateEventArgs args) >caption Primary Button style in UI for Blazor up to version 2.30 and after version 3.0 -
    + @@ -289,7 +287,7 @@ async Task OnGridStateInit(GridStateEventArgs args)
    UI for Blazor 2.30
    -````RAZOR +````RAZOR.skip-repl @@ -299,7 +297,7 @@ async Task OnGridStateInit(GridStateEventArgs args) -````RAZOR +````RAZOR.skip-repl ```` @@ -316,7 +314,6 @@ async Task OnGridStateInit(GridStateEventArgs args) >caption Loader and LoaderContainer in UI for Blazor up to version 2.30 and after version 3.0 -
    @@ -326,7 +323,7 @@ async Task OnGridStateInit(GridStateEventArgs args)
    UI for Blazor 2.30
    -````RAZOR +````RAZOR.skip-repl @@ -339,12 +336,13 @@ async Task OnGridStateInit(GridStateEventArgs args) + ```` -````RAZOR +````RAZOR.skip-repl @@ -363,7 +361,6 @@ async Task OnGridStateInit(GridStateEventArgs args) >caption TextBox Label in UI for Blazor up to version 2.30 and after version 3.0 -
    @@ -373,7 +370,7 @@ async Task OnGridStateInit(GridStateEventArgs args)
    UI for Blazor 2.30
    -````RAZOR +````RAZOR.skip-repl @@ -384,7 +381,7 @@ async Task OnGridStateInit(GridStateEventArgs args) -````RAZOR +````RAZOR.skip-repl @@ -400,7 +397,6 @@ async Task OnGridStateInit(GridStateEventArgs args) >caption TileLayout resize and reorder events in UI for Blazor up to version 2.30 and after version 3.0 -
    @@ -410,7 +406,7 @@ async Task OnGridStateInit(GridStateEventArgs args)
    UI for Blazor 2.30
    -````RAZOR +````RAZOR.skip-repl args) } + ```` -````RAZOR +````RAZOR.skip-repl args) >caption TreeView expanded items in UI for Blazor up to version 2.30 and after version 3.0 -
    @@ -493,7 +489,7 @@ async Task OnGridStateInit(GridStateEventArgs args)
    UI for Blazor 2.30
    -````RAZOR +````RAZOR.skip-repl @@ -525,7 +521,7 @@ async Task OnGridStateInit(GridStateEventArgs args) -````RAZOR +````RAZOR.skip-repl @@ -545,6 +541,7 @@ async Task OnGridStateInit(GridStateEventArgs args) ExpandedItems = TreeData.Where(x => x.HasChildren == true).ToList(); } + public class TreeItem { @@ -587,7 +584,6 @@ Some CSS classes related to component state were renamed. The `k-widget` CSS class was removed from all components. If you use this class in custom CSS code, replace it with the corresponding component-specific classes. -
    @@ -597,7 +593,7 @@ The `k-widget` CSS class was removed from all components. If you use this class
    UI for Blazor 2.30
    -````HTML +````HTML.skip-repl
    @@ -612,7 +608,7 @@ The `k-widget` CSS class was removed from all components. If you use this class     		-````HTML +````HTML.skip-repl
    diff --git a/upgrade/breaking-changes/4-0-0.md b/upgrade/breaking-changes/4-0-0.md index f385bf00d1..d1446be141 100644 --- a/upgrade/breaking-changes/4-0-0.md +++ b/upgrade/breaking-changes/4-0-0.md @@ -26,7 +26,6 @@ To define custom icon classes inline, use `Icon="@( "my-icon-class" )"`. To use Telerik font icons with UI for Blazor 4.6.0 and above, [register `font-icons.css`]({%slug common-features-icons%}#font-icon-stylesheet). -
    @@ -37,7 +36,7 @@ To use Telerik font icons with UI for Blazor 4.6.0 and above, [register `font-ic
    UI for Blazor 3.7.0 -````RAZOR +````RAZOR.skip-repl Font Icon Button Font Icon Command Button @@ -48,7 +47,7 @@ To use Telerik font icons with UI for Blazor 4.6.0 and above, [register `font-ic -````RAZOR +````RAZOR.skip-repl SVG Icon Button SVG Icon Command Button @@ -133,7 +132,6 @@ Removed the `Shape` parameter from: >caption Stretched enum value in UI for Blazor up to version 3.7.0 and after version 4.0.0 -
    @@ -143,7 +141,7 @@ Removed the `Shape` parameter from:
    UI for Blazor 3.7.0
    -````RAZOR +````RAZOR.skip-repl @@ -158,7 +156,7 @@ Removed the `Shape` parameter from: -````RAZOR +````RAZOR.skip-repl @@ -181,7 +179,6 @@ Added an `Async` suffix to the name of asynchronous methods. >caption Method signatures in UI for Blazor up to version 3.7.0 and after version 4.0.0 -
    @@ -191,7 +188,7 @@ Added an `Async` suffix to the name of asynchronous methods.
    UI for Blazor 3.7.0
    -````C# +````C#.skip-repl private TelerikGrid GridRef { get; set; } // ... await GridRef.SetState(desiredState); @@ -206,7 +203,7 @@ await TreeListRef.SetState(desiredState); -````C# +````C#.skip-repl private TelerikGrid GridRef { get; set; } // ... await GridRef.SetStateAsync(desiredState); @@ -233,7 +230,6 @@ This section describes changes per component. >caption Visible parameter in UI for Blazor up to version 3.7.0 and after version 4.0.0 -
    @@ -243,14 +239,14 @@ This section describes changes per component.
    UI for Blazor 3.7.0
    -````RAZOR +````RAZOR.skip-repl -````RAZOR +````RAZOR.skip-repl Visible button ```` @@ -269,7 +265,6 @@ This section describes changes per component. >caption DrawerPosition enum values in UI for Blazor up to version 3.7.0 and after version 4.0.0 -
    @@ -279,7 +274,7 @@ This section describes changes per component.
    UI for Blazor 3.7.0
    -````RAZOR +````RAZOR.skip-repl ```` @@ -287,7 +282,7 @@ This section describes changes per component. -````RAZOR +````RAZOR.skip-repl ```` @@ -325,7 +320,6 @@ This section describes changes per component. >caption Placeholder parameter in UI for Blazor up to version 3.7.0 and after version 4.0.0 -
    @@ -335,14 +329,14 @@ This section describes changes per component.
    UI for Blazor 3.7.0
    -````RAZOR +````RAZOR.skip-repl ```` -````RAZOR +````RAZOR.skip-repl ```` @@ -357,7 +351,6 @@ This section describes changes per component. >caption Placeholder parameter in UI for Blazor up to version 3.7.0 and after version 4.0.0 -
    @@ -367,14 +360,14 @@ This section describes changes per component. - - @@ -528,24 +520,20 @@ async Task OnGridStateInit(GridStateEventArgs args) +```` -@code{ - - IEnumerable TreeData { get; set; } - IEnumerable ExpandedItems { get; set; } - = new List(); - - protected override void OnInitialized() - { - // expanded items depend on - ExpandedItems = TreeData.Where(x => x.HasChildren == true).ToList(); - } - - - public class TreeItem - { +````RAZOR.skip-repl - } +IEnumerable TreeData { get; set; } +IEnumerable ExpandedItems { get; set; } + = new List(); +protected override void OnInitialized() +{ + // expanded items depend on + ExpandedItems = TreeData.Where(x => x.HasChildren == true).ToList(); +} +public class TreeItem +{ } ```` diff --git a/upgrade/breaking-changes/4-0-0.md b/upgrade/breaking-changes/4-0-0.md index d1446be141..87de2828a3 100644 --- a/upgrade/breaking-changes/4-0-0.md +++ b/upgrade/breaking-changes/4-0-0.md @@ -143,13 +143,21 @@ Removed the `Shape` parameter from: ````RAZOR.skip-repl +```` +````RAZOR.skip-repl +```` +````RAZOR.skip-repl +```` +````RAZOR.skip-repl +```` +````RAZOR.skip-repl ```` @@ -158,13 +166,21 @@ Removed the `Shape` parameter from: ````RAZOR.skip-repl +```` +````RAZOR.skip-repl +```` +````RAZOR.skip-repl +```` +````RAZOR.skip-repl +```` +````RAZOR.skip-repl ```` @@ -192,9 +208,9 @@ Added an `Async` suffix to the name of asynchronous methods. private TelerikGrid GridRef { get; set; } // ... await GridRef.SetState(desiredState); +```` -// ... - +````C#.skip-repl private TelerikTreeList TreeListRef { get; set; } // ... await TreeListRef.SetState(desiredState); @@ -207,9 +223,9 @@ await TreeListRef.SetState(desiredState); private TelerikGrid GridRef { get; set; } // ... await GridRef.SetStateAsync(desiredState); +```` -// ... - +````C#.skip-repl private TelerikTreeList TreeListRef { get; set; } // ... await TreeListRef.SetStateAsync(desiredState); From 95627bf53ab56b0dfe870aaa4fcb48709a38819d Mon Sep 17 00:00:00 2001 From: Atanas Atanasov Date: Fri, 29 Nov 2024 15:09:57 +0200 Subject: [PATCH 38/71] close code block --- components/daterangepicker/events.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/components/daterangepicker/events.md b/components/daterangepicker/events.md index b07d0c1678..7668b4a86a 100644 --- a/components/daterangepicker/events.md +++ b/components/daterangepicker/events.md @@ -105,6 +105,8 @@ The `OnChange` event represents a user action - confirmation of the current valu // the fields are of type object because you can use nullable or non-nullable DateTime // so you may need to cast them if you want to use the actual DateTime objects + } +} ```` ## OnOpen From bbdfda9658ace96f67bc967571d2c4522e7c2292 Mon Sep 17 00:00:00 2001 From: AngelVelinov Date: Fri, 29 Nov 2024 15:27:38 +0200 Subject: [PATCH 39/71] Fix: Fix some wrong MD files --- components/upload/templates.md | 5 +---- knowledge-base/card-icon-buttons-too-large.md | 3 ++- 2 files changed, 3 insertions(+), 5 deletions(-) diff --git a/components/upload/templates.md b/components/upload/templates.md index 9dd971e09c..deb4fe0941 100644 --- a/components/upload/templates.md +++ b/components/upload/templates.md @@ -14,16 +14,13 @@ The `SelectFilesButtonTemplate` allows you to modify the **Select Files...** but >caption Using Upload SelectFilesButtonTemplate -```HTML -
    +```RAZOR Click to Select Files for Upload -
    - ``` ## See Also diff --git a/knowledge-base/card-icon-buttons-too-large.md b/knowledge-base/card-icon-buttons-too-large.md index 202340918d..72437ae194 100644 --- a/knowledge-base/card-icon-buttons-too-large.md +++ b/knowledge-base/card-icon-buttons-too-large.md @@ -62,7 +62,8 @@ There are two ways to prevent icon button expansion: >caption Prevent CardAction icon buttons becoming too large -````HTML + +````RAZOR

    Card 1

    From 2ed77c3bc54a5fbcb5c13677b46155f17dc0387d Mon Sep 17 00:00:00 2001 From: Nikolay Nenkov Date: Fri, 29 Nov 2024 16:34:00 +0200 Subject: [PATCH 40/71] fixing api ref links --- knowledge-base/chart-customize-separate-markers.md | 4 ++-- knowledge-base/grid-multiple-child-grids-per-item.md | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/knowledge-base/chart-customize-separate-markers.md b/knowledge-base/chart-customize-separate-markers.md index c055314fa0..1e65146e05 100644 --- a/knowledge-base/chart-customize-separate-markers.md +++ b/knowledge-base/chart-customize-separate-markers.md @@ -41,11 +41,11 @@ To mark specific data points as "special", follow these steps: 3. In the second series data include only the points that you want to mark as special. -4. Increase the [ZIndex](/blazor-ui/api/Telerik.Blazor.Components.ChartSeries#collapsible-Telerik_Blazor_Components_ChartSeries_ZIndex) of the second series to ensure its points are rendered on top of the first series. +4. Increase the [ZIndex](/blazor-ui/api/Telerik.Blazor.Components.ChartSeries#Telerik_Blazor_Components_ChartSeries_ZIndex) of the second series to ensure its points are rendered on top of the first series. 5. Choose a different marker type for the second series from the options available in the [`ChartSeriesMarkersType`](/blazor-ui/api/Telerik.Blazor.ChartSeriesMarkersType) enum. Once available, you may consider using the [visual template](https://feedback.telerik.com/blazor/1582456-custom-rendering-for-the-chart-series-markers-visual-template) to completely customize the markers. -5. Optionally, set a different [color](/blazor-ui/api/Telerik.Blazor.Components.ChartSeries#collapsible-Telerik_Blazor_Components_ChartSeries_Color) for the second series to distinguish the "special" points further. +5. Optionally, set a different [color](/blazor-ui/api/Telerik.Blazor.Components.ChartSeries#Telerik_Blazor_Components_ChartSeries_Color) for the second series to distinguish the "special" points further. >caption Customizing individual markers diff --git a/knowledge-base/grid-multiple-child-grids-per-item.md b/knowledge-base/grid-multiple-child-grids-per-item.md index 195506ab30..053ff4723d 100644 --- a/knowledge-base/grid-multiple-child-grids-per-item.md +++ b/knowledge-base/grid-multiple-child-grids-per-item.md @@ -27,7 +27,7 @@ We have a hierarchical Grid where each master item has two child sub-Grids. We w ## Solution -[Grid hierarchy]({%slug components/grid/features/hierarchy%}) requires a child Grid in a [`DetailTemplate`](/blazor-ui/api/Telerik.Blazor.Components.TelerikGrid-1#collapsible-Telerik_Blazor_Components_TelerikGrid_1_DetailTemplate). The `DetailTemplate` is essentially a `RenderFragment`, so it can include any content - be that one, two or more Grids, other components or html elements. +[Grid hierarchy]({%slug components/grid/features/hierarchy%}) requires a child Grid in a [`DetailTemplate`](/blazor-ui/api/Telerik.Blazor.Components.TelerikGrid-1#Telerik_Blazor_Components_TelerikGrid_1_DetailTemplate). The `DetailTemplate` is essentially a `RenderFragment`, so it can include any content - be that one, two or more Grids, other components or html elements. In order to render two child (detail) Grids at the same time, you just need to declare both of them inside the `DetailTemplate` tag. The example below demonstrates how to achieve this. From 482a0cc77ff0f1b890f8ff769f1864f3c626820c Mon Sep 17 00:00:00 2001 From: Nikolay Nenkov Date: Fri, 29 Nov 2024 16:51:46 +0200 Subject: [PATCH 41/71] fixing trial link --- docs-builder.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs-builder.yml b/docs-builder.yml index a3da433c28..2bec1ee8bd 100644 --- a/docs-builder.yml +++ b/docs-builder.yml @@ -7,7 +7,7 @@ product-id: 1952 product-code: BLAZOR product-name: Telerik UI for Blazor product-url: https://www.telerik.com/blazor-ui -product-trial-url: https://www.telerik.com/download-trial-file/v2-b/ui-for-blazor +product-trial-url: https://www.telerik.com/try/ui-for-blazor contribute-url: https://github.com/telerik/blazor-docs/edit/master search-engine-id: 4729071e3f011471f avatar-path: ./images/avatar-ninja.svg From 90bdc14b2a6e9a58c9b32ee0aff0bb970a15e8ef Mon Sep 17 00:00:00 2001 From: Nikolay Nenkov Date: Fri, 29 Nov 2024 17:02:24 +0200 Subject: [PATCH 42/71] added theme version to liquid vars --- docs-builder.yml | 1 + 1 file changed, 1 insertion(+) diff --git a/docs-builder.yml b/docs-builder.yml index 2bec1ee8bd..554709599a 100644 --- a/docs-builder.yml +++ b/docs-builder.yml @@ -26,6 +26,7 @@ liquid-output-delimiter-left: "{{" liquid-output-delimiter-right: "}}" liquid: uiForBlazorLatestVersion: "7.0.0" + themesVersion: "10.0.1" meta: "*templates": From a3bf449ff173735e853a393cb34851e67bdaff50 Mon Sep 17 00:00:00 2001 From: Atanas Atanasov Date: Mon, 2 Dec 2024 14:51:38 +0200 Subject: [PATCH 43/71] fix metadata --- integrations/document-processing-libraries.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/integrations/document-processing-libraries.md b/integrations/document-processing-libraries.md index 9c2c5d3847..93158409e9 100644 --- a/integrations/document-processing-libraries.md +++ b/integrations/document-processing-libraries.md @@ -1,7 +1,7 @@ --- title: Telerik Document Processing Libraries page_title: Document Processing Libraries - Integration with Telerik Products -description: "Get started with Telerik UI for {{ site.framework }} and learn how to work with the PdfProcessing, SpreadStreamProcessing, WordsProcessing, and ZipLibrary libraries as part of the Telerik Document Processing Libraries." +description: "Get started with Telerik UI for Blazor and learn how to work with the PdfProcessing, SpreadStreamProcessing, WordsProcessing, and ZipLibrary libraries as part of the Telerik Document Processing Libraries." slug: dpl-in-blazor position: 11 previous_url: /components/document-processing/overview, /components/document-processing/pdf, /components/document-processing/spreadsheet, /components/document-processing/spreadstream, /components/document-processing/words, /components/document-processing/zip From c37d443df485bcc6bae6f9071c721640e6cc8f46 Mon Sep 17 00:00:00 2001 From: Nikolay Nenkov Date: Mon, 2 Dec 2024 15:25:55 +0200 Subject: [PATCH 44/71] fixing nav items ordering --- common-features/adaptive-rendering.md | 2 +- components/calendar/events.md | 2 +- components/chart/events.md | 2 +- components/contextmenu/refresh-data.md | 2 +- components/gantt/gantt-tree/templates/column.md | 1 - components/gantt/gantt-tree/templates/editor.md | 1 - components/gantt/timeline/date-format.md | 2 +- components/grid/data-binding.md | 2 +- components/stockchart/labels-template-and-format.md | 2 +- docs-builder.yml | 3 +++ 10 files changed, 10 insertions(+), 9 deletions(-) diff --git a/common-features/adaptive-rendering.md b/common-features/adaptive-rendering.md index a2eb88dc01..3da092913b 100644 --- a/common-features/adaptive-rendering.md +++ b/common-features/adaptive-rendering.md @@ -5,7 +5,7 @@ description: Explore how the components with popup elements can react to the cha slug: adaptive-rendering tags: telerik,blazor,adaptive,rendering,mobile published: True -position: 0 +position: 1 --- # Adaptive Rendering diff --git a/components/calendar/events.md b/components/calendar/events.md index 22e5f4d31f..838f37fae5 100644 --- a/components/calendar/events.md +++ b/components/calendar/events.md @@ -5,7 +5,7 @@ description: Events in the Calendar for Blazor. slug: components/calendar/events tags: telerik,blazor,calendar,events published: true -position: 20 +position: 21 --- # Events diff --git a/components/chart/events.md b/components/chart/events.md index c8f32cf345..464735331f 100644 --- a/components/chart/events.md +++ b/components/chart/events.md @@ -5,7 +5,7 @@ description: Events in the Charts for Blazor. slug: chart-events tags: telerik,blazor,chart,events,event published: true -position: 32 +position: 33 --- # Chart Events diff --git a/components/contextmenu/refresh-data.md b/components/contextmenu/refresh-data.md index f38cf37295..6fbb853b89 100644 --- a/components/contextmenu/refresh-data.md +++ b/components/contextmenu/refresh-data.md @@ -5,7 +5,7 @@ description: Refresh Context Menu Data using Observable Data or creating a new C slug: context-menu-refresh-data tags: telerik,blazor,context,menu,observable,data,new,collection published: True -position: 25 +position: 26 --- # Context Menu - Refresh Data diff --git a/components/gantt/gantt-tree/templates/column.md b/components/gantt/gantt-tree/templates/column.md index 78789272fb..6d8dd97601 100644 --- a/components/gantt/gantt-tree/templates/column.md +++ b/components/gantt/gantt-tree/templates/column.md @@ -3,7 +3,6 @@ title: Column (Cell) page_title: Gantt Tree - Column (Cell) Template description: Use custom column and cell templates in Gantt Tree for Blazor. slug: gantt-templates-column -tag: telerik,blazor,gantt,template,column,cell published: True position: 5 --- diff --git a/components/gantt/gantt-tree/templates/editor.md b/components/gantt/gantt-tree/templates/editor.md index 27678bdb50..690d51a79a 100644 --- a/components/gantt/gantt-tree/templates/editor.md +++ b/components/gantt/gantt-tree/templates/editor.md @@ -3,7 +3,6 @@ title: Editor page_title: Gantt Tree - Editor Template description: Use custom editor templates in Gantt Tree for Blazor. slug: gantt-templates-editor -tag: telerik,blazor,gantt,template,editor published: True position: 15 --- diff --git a/components/gantt/timeline/date-format.md b/components/gantt/timeline/date-format.md index 067b832ba3..9a14d12e9d 100644 --- a/components/gantt/timeline/date-format.md +++ b/components/gantt/timeline/date-format.md @@ -5,7 +5,7 @@ description: Date format of headers of the Gantt Timeline for Blazor. slug: gantt-columns-dateformat tags: telerik,blazor,gantt,column,date,format published: True -position: 15 +position: 16 --- # Date Header Format diff --git a/components/grid/data-binding.md b/components/grid/data-binding.md index 8b1f1ad678..147c0429fa 100644 --- a/components/grid/data-binding.md +++ b/components/grid/data-binding.md @@ -5,7 +5,7 @@ description: Data bind the Blazor Grid to any of the supported data sources. slug: grid-data-binding tags: telerik,blazor,grid,data,binding,databind,databinding published: true -position: 10 +position: 11 --- # Grid Data Binding diff --git a/components/stockchart/labels-template-and-format.md b/components/stockchart/labels-template-and-format.md index 68992f90c5..96b84412ed 100644 --- a/components/stockchart/labels-template-and-format.md +++ b/components/stockchart/labels-template-and-format.md @@ -5,7 +5,7 @@ description: Learn how to use the Label Template in the Blazor StockChart and to slug: stockchart-labels-format-template tags: telerik,blazor,stock,stockchart,chart,label,template,format,customize published: true -position: 22 +position: 23 --- # Label Template and Format diff --git a/docs-builder.yml b/docs-builder.yml index 554709599a..7bfb99b41f 100644 --- a/docs-builder.yml +++ b/docs-builder.yml @@ -472,6 +472,9 @@ meta: "*deployment": title: Deployment position: 18 + security: + title: "Security" + position: 17 accessibility: title: Accessibility position: 17 From 6c5c0b00b23704a3aed14a65c6e0301a95bfb65d Mon Sep 17 00:00:00 2001 From: Atanas Atanasov Date: Mon, 2 Dec 2024 15:49:09 +0200 Subject: [PATCH 45/71] fixed links --- components/grid/selection/rows.md | 2 +- components/map/layers/marker.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/components/grid/selection/rows.md b/components/grid/selection/rows.md index 93d905c0ed..3bf8764263 100644 --- a/components/grid/selection/rows.md +++ b/components/grid/selection/rows.md @@ -203,7 +203,7 @@ The [**Select All** checkbox in the Grid checkbox column]({%slug components/grid When using [Grid templates]({%slug components/grid/features/templates%}) with row selection: * If you are using a [Grid column template]({%slug grid-templates-column%}) and you have a clickable element in the template, you can check the knowledge base article on [how to prevent row selection when the user clicks another component in the Grid column template]({%slug grid-kb-row-selection-in-column-template%}). -* If you are using a [row template]({%slug components/grid/features/templates%}#row-template) the Grid cannot render a built-in [checkbox column]({%slug components/grid/columns/checkbox%}). You have to render checkboxes manually and handle their changed event to populate the `SelectedItems` collection of the Grid. You can find an example to get started in the following knowledge base article: [Implement Built-in Functions when Using Grid Row Template]({%slug grid-kb-row-template-simulate-built-in-functions%}). +* If you are using a [row template]({%slug grid-templates-row%}) the Grid cannot render a built-in [checkbox column]({%slug components/grid/columns/checkbox%}). You have to render checkboxes manually and handle their changed event to populate the `SelectedItems` collection of the Grid. You can find an example to get started in the following knowledge base article: [Implement Built-in Functions when Using Grid Row Template]({%slug grid-kb-row-template-simulate-built-in-functions%}). ### Selection and Row Drag and Drop diff --git a/components/map/layers/marker.md b/components/map/layers/marker.md index 59649a8336..295f2cc882 100644 --- a/components/map/layers/marker.md +++ b/components/map/layers/marker.md @@ -27,7 +27,7 @@ To define a Marker layer in the Map: 2. Set the `Type` parameter of the `MapLayer` to `MapLayersType.Marker`. 3. Set the `Data` parameter. 4. Set the `LocationField` and `TitleField` parameters to the respective property names of the model class. -5. (optional) Provide the [tooltip settings](#marker-tooltip-settings) or choose the [Marker shape](#marker-shapes). +5. (optional) Provide the [tooltip settings](#setting-marker-tooltips) or choose the [Marker shape](#defining-marker-shapes). The following example demonstrates how to configure the Marker layer of the Map. From d028307ed7d1f4999e03b6b52b67a6d875518d3e Mon Sep 17 00:00:00 2001 From: Nikolay Nenkov Date: Mon, 2 Dec 2024 16:15:45 +0200 Subject: [PATCH 46/71] fixing a11y links --- .../chunkprogressbar/accessibility/wai-aria-support.md | 2 +- components/colorgradient/accessibility/wai-aria-support.md | 4 ++-- components/contextmenu/accessibility/wai-aria-support.md | 2 +- components/datepicker/accessibility/wai-aria-support.md | 2 +- .../daterangepicker/accessibility/wai-aria-support.md | 2 +- components/datetimepicker/accessibility/wai-aria-support.md | 6 +++--- components/gantt/accessibility/wai-aria-support.md | 6 +++--- components/grid/accessibility/wai-aria-support.md | 6 +++--- components/pdfviewer/accessibility/wai-aria-support.md | 2 +- components/rangeslider/accessibility/wai-aria-support.md | 2 +- components/scheduler/accessibility/wai-aria-support.md | 2 +- components/treelist/accessibility/wai-aria-support.md | 4 ++-- components/window/accessibility/wai-aria-support.md | 2 +- 13 files changed, 21 insertions(+), 21 deletions(-) diff --git a/components/chunkprogressbar/accessibility/wai-aria-support.md b/components/chunkprogressbar/accessibility/wai-aria-support.md index 13e9caaa95..74e409b56c 100644 --- a/components/chunkprogressbar/accessibility/wai-aria-support.md +++ b/components/chunkprogressbar/accessibility/wai-aria-support.md @@ -26,7 +26,7 @@ This section lists the selectors, attributes, and behavior patterns supported by The ChunkProgressBar follows the specification for the ProgressBar component. -[ProgressBar accessibility specification]({{progressbar_a11y_link}}) +[ProgressBar accessibility specification](slug://progressbar-wai-aria-support) ## Resources diff --git a/components/colorgradient/accessibility/wai-aria-support.md b/components/colorgradient/accessibility/wai-aria-support.md index 700b827c78..a7d074d643 100644 --- a/components/colorgradient/accessibility/wai-aria-support.md +++ b/components/colorgradient/accessibility/wai-aria-support.md @@ -38,7 +38,7 @@ This section lists the selectors, attributes, and behavior patterns supported by All the `k-draghandle` elements implement the **Slider** specification. -[Slider accessibility specification]({{slider_a11y_link}}) +[Slider accessibility specification](slug://slider-wai-aria-support) Apart from that the HSV draghandle must also cover the following additional requirements: @@ -54,7 +54,7 @@ Apart from that the HSV draghandle must also cover the following additional requ The Numeric inputs must implement the **NumericTextBox** specification. -[NumericTextBox accessibility specification]({{numerictextbox_a11y_link}}) +[NumericTextBox accessibility specification](slug://numerictextbox-wai-aria-support) Here is one additional requirement for those numerics as their visible labels have only a single letter as text: diff --git a/components/contextmenu/accessibility/wai-aria-support.md b/components/contextmenu/accessibility/wai-aria-support.md index 18c177d28f..90a663b739 100644 --- a/components/contextmenu/accessibility/wai-aria-support.md +++ b/components/contextmenu/accessibility/wai-aria-support.md @@ -30,7 +30,7 @@ This section lists the selectors, attributes, and behavior patterns supported by Apart from the above, the ContextMenu element should implement the specification for a vertical **Menu** component. -[Menu accessibility specification]({{menu_a11y_link}}) +[Menu accessibility specification](slug://menu-wai-aria-support) ## Resources diff --git a/components/datepicker/accessibility/wai-aria-support.md b/components/datepicker/accessibility/wai-aria-support.md index 7c619aa013..9f194ff55c 100644 --- a/components/datepicker/accessibility/wai-aria-support.md +++ b/components/datepicker/accessibility/wai-aria-support.md @@ -48,7 +48,7 @@ This section lists the selectors, attributes, and behavior patterns supported by The Calendar in the Popup element of the component should implement the specification for the **Calendar** component. -[Calendar accessibility specification]({{calendar_a11y_link}}) +[Calendar accessibility specification](slug://calendar-wai-aria-support) ## Resources diff --git a/components/daterangepicker/accessibility/wai-aria-support.md b/components/daterangepicker/accessibility/wai-aria-support.md index a6f4c0e4b8..d6b3f29f4e 100644 --- a/components/daterangepicker/accessibility/wai-aria-support.md +++ b/components/daterangepicker/accessibility/wai-aria-support.md @@ -45,7 +45,7 @@ This section lists the selectors, attributes, and behavior patterns supported by The Calendars in the Popup element of the component should implement the specification for the **MultiViewCalendar** component. -[Calendar accessibility specification]({{calendar_a11y_link}}) +[Calendar accessibility specification](slug://calendar-wai-aria-support) ## Resources diff --git a/components/datetimepicker/accessibility/wai-aria-support.md b/components/datetimepicker/accessibility/wai-aria-support.md index cb15cce398..2b446aa0a3 100644 --- a/components/datetimepicker/accessibility/wai-aria-support.md +++ b/components/datetimepicker/accessibility/wai-aria-support.md @@ -48,21 +48,21 @@ This section lists the selectors, attributes, and behavior patterns supported by The Calendar in the Popup element of the component should implement the specification for the **Calendar** component. -[Calendar accessibility specification]({{calendar_a11y_link}}) +[Calendar accessibility specification](slug://calendar-wai-aria-support) ### Popup Date/Time View Chooser The Date/Time view chooser in the Popup element of the component should implement the specification for the **ButtonGroup** component. -[ButtonGroup accessibility specification]({{buttongroup_a11y_link}}) +[ButtonGroup accessibility specification](slug://buttongroup-wai-aria-support) ### TimePicker Popup Time Popup implementation should follow the specification for the TimePicker component. -[TimePicker accessibility specification]({{timepicker_a11y_link}}) +[TimePicker accessibility specification](slug://timepicker-wai-aria-support) ## Resources diff --git a/components/gantt/accessibility/wai-aria-support.md b/components/gantt/accessibility/wai-aria-support.md index 68a6e72685..ce8720f85d 100644 --- a/components/gantt/accessibility/wai-aria-support.md +++ b/components/gantt/accessibility/wai-aria-support.md @@ -33,17 +33,17 @@ The Gantt component is a composite component that is used to represent project p The Gantt component integrates the toolbar component and follows its wai-aria support. -[ToolBar accessibility specification]({{toolbar_a11y_link}}) +[ToolBar accessibility specification](slug://toolbar-wai-aria-support) The main inner component in the Gantt is the TreeList. -[TreeList accessibility specification]({{treelist_a11y_link}}) +[TreeList accessibility specification](slug://treelist-wai-aria-support) Another part of the component is the Splitter component and Wai-Aria support. -[Splitter accessibility specification]({{splitter_a11y_link}}) +[Splitter accessibility specification](slug://splitter-wai-aria-support) The following Wai-Aria support is implemented in the TimeLine of the Gantt. diff --git a/components/grid/accessibility/wai-aria-support.md b/components/grid/accessibility/wai-aria-support.md index a71764ca4b..2ec8c090f2 100644 --- a/components/grid/accessibility/wai-aria-support.md +++ b/components/grid/accessibility/wai-aria-support.md @@ -37,7 +37,7 @@ The Grid is a composite component that consists of 4 logically separated structu Grid Toolbar follows the specification of the ToolBar component. -[ToolBar accessibility specification]({{toolbar_a11y_link}}) +[ToolBar accessibility specification](slug://toolbar-wai-aria-support) | Selector | Attribute | Usage | | -------- | --------- | ----- | @@ -50,7 +50,7 @@ Grid Toolbar follows the specification of the ToolBar component. Grid Grouping Header follows the specification of the ToolBar component. -[ToolBar accessibility specification]({{toolbar_a11y_link}}) +[ToolBar accessibility specification](slug://toolbar-wai-aria-support) | Selector | Attribute | Usage | | -------- | --------- | ----- | @@ -156,7 +156,7 @@ The Aggregates totals are placed within a `    ` element in the Content ` Date: Tue, 3 Dec 2024 10:37:59 +0200 Subject: [PATCH 47/71] added pdf cover --- docs-builder.yml | 1 + images/pdf-cover.png | Bin 0 -> 116648 bytes 2 files changed, 1 insertion(+) create mode 100644 images/pdf-cover.png diff --git a/docs-builder.yml b/docs-builder.yml index 7bfb99b41f..3b6d984a57 100644 --- a/docs-builder.yml +++ b/docs-builder.yml @@ -16,6 +16,7 @@ img-max-width: 100% table-layout: fixed enable-tabbed-code-blocks: true blazor-repl: true +pdf-cover-png-path: ./images/pdf-cover.png cta-overview: The @Subject component is part of @ProductLink, a professional grade UI library with 110+ native components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial. cta-intro: "@ProductLink is a professional grade UI library with 110+ native components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial." diff --git a/images/pdf-cover.png b/images/pdf-cover.png new file mode 100644 index 0000000000000000000000000000000000000000..ce9967ef4e5b5ded87c52f3911c1fca7a737ea94 GIT binary patch literal 116648 zcmbSy2UJttvu{L1I;fyX2bCfMp?8q3^b$b2lz`MAp;r+R1u06A4uZ5$A|N0gM5Pmv zCIkXVFCnzh6W-zbzW@K;``&$JJ=V%1CujET*)y|eetXWG*9Ll;G?dJgAP|V=;R7`z z5a=Qp1R~`mCjow`V-Ye3{!w^6Fo%OcRM*Zw7eE z8gQz@yrG;jLL!0=V6X_M6!1-4QdC+-<{qagSX4|HEGaB1At(x#1&hc^NO1o1#|=#9 z?dT+Hq^9xDWWbdI_Y)re}8`=e=#ALx3jQ_jEsyhSX5Y4R1lyLga>;1*aZlB z!f*YHgBld>;O*k&;{x;KJm+X<5A*d=;08qfdkr35|7Pn6|3^=N#)Jdxyo5!Bz~^iF zi_p>G-*jHS-tK=*?&u&4b%%ODJ$>K+t;oM=y`I2)VDKlf{|)PZ-~KNX0J_!H{r4RI ztt=iM|DFQwqwWVR;~$0mx72V*pchow2nvV!dOJYX{QxmT15m_<7z*7H(6z~~GJ0H9ME3u=4tP{-J!wy)mi-(;vRM^YYnVa+9 zYLr!lxx>7Hi2>=v{*pphSN5SN+{ez-0s2r)fg4z}kc*3>thj>|)LvZ5QBVTvBrWJ< zFYYL4=O`s32o)29N*r*}4B`uIExY0vy3IP7V$tl7Ld74$^`S zQsVXiA4h3HNiioosHB99gP5Jfxi|miAhHi!;DG4@|JfhL(5L@=b9dqV%O_;*9L{}R zf!pES$WTY_e|~oPZ}jp1H1j{>{hvSqrvC@y|2;b#=H%mV=M7bM26Xp-buQumo$zow zzyGu7|8J)JTc-b2^#92j|9?dPM=cId>^z;JK;#tWK3|ORd5HPjD8m1`gti6HgyMNkm3%bw|^-xV25|Fh)2>g7{JapzYaUUbHm=(A~ zeSm2+jsTVNm0#~Biy~Q@AwY)0%)AKeJ#gxi3em?C77DZ%bi6wK_eaki#9CF~Oo;NOSO5FN6^1NcV9Dd8~ z3v(af67;8KZ#Ib8)6EO#hpz%*+msSmif%)lkN_IlZxBV}=X zJl!xY%?yaJmf0dC!N7CyHKbPEp1AiiZF4G`>?}b#a+K->n<6 zyg^C6xb&5?Oq~I~N+JTWSW)1m)}v$R!AkvC?lUE3ygflCOfK9?51VwM6pJaTj{x3y z2^!|BSecZc9
    UI for Blazor 3.7.0
    -````RAZOR +````RAZOR.skip-repl ```` -````RAZOR +````RAZOR.skip-repl ```` @@ -398,14 +391,14 @@ This section describes changes per component.
    -````RAZOR +````RAZOR.skip-repl ```` -````RAZOR +````RAZOR.skip-repl ```` From a9c8020f91a4e5eb58dcb1d6178b0a95ea650f0d Mon Sep 17 00:00:00 2001 From: Nikolay Nenkov Date: Wed, 27 Nov 2024 16:59:04 +0200 Subject: [PATCH 34/71] fixing broken api ref link --- globalization/localization.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/globalization/localization.md b/globalization/localization.md index adcf11c105..47e62a0261 100644 --- a/globalization/localization.md +++ b/globalization/localization.md @@ -48,7 +48,7 @@ The purpose of this step is to supply the correct application culture to the `Re Create and add localization resource `resx` files to your app, based on the languages that the app must support. Use the following links for reference: -* A full up-to-date list of localization keys is available in the [`Telerik.Blazor.Resources.Messages` API reference](/blazor-ui/api/Telerik.Blazor.Resources.Messages.html). +* A full up-to-date list of localization keys is available in the [`Telerik.Blazor.Resources.Messages` API reference](/blazor-ui/api/Telerik.Blazor.Resources.Messages). * An up-to-date English resource file is available in the [Telerik UI for Blazor demo site](https://demos.telerik.com/blazor-ui). Download the [UI for Blazor automated installer]({%slug installation/msi%}) or [UI for Blazor ZIP archive]({%slug installation/zip%}). Go to the installation location and open the folder `\demos\TelerikBlazorDemos\Resources\`. The folder contains `resx` localization files for a few different languages. * Community resource files are available in the `blazor-ui-messages` GitHub repository. These resource files are updated and maintained by the Telerik community. They may not be compatible with the latest product version. You are welcome to contribute your own resource files. From 792efcbcc64d28fe05800ebf368dfacb5c1cc161 Mon Sep 17 00:00:00 2001 From: Nikolay Nenkov Date: Thu, 28 Nov 2024 14:14:34 +0200 Subject: [PATCH 35/71] Removed system.object inherited members and datasource expressions broken regex --- _assetsApi/filterConfig.yml | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/_assetsApi/filterConfig.yml b/_assetsApi/filterConfig.yml index e8fea4ffb6..02fc934233 100644 --- a/_assetsApi/filterConfig.yml +++ b/_assetsApi/filterConfig.yml @@ -13,7 +13,7 @@ apiRules: - exclude: uidRegex: ^Telerik\.DataSource\.IDescriptor$ - exclude: - uidRegex: ^Telerik\.DataSource\.Expressions\.*$ + uidRegex: ^Telerik\.DataSource\.Expressions\..*$ - exclude: uidRegex: ^Telerik\.DataSource\.\w*Node - exclude: @@ -21,4 +21,5 @@ apiRules: - exclude: uidRegex: ^Telerik\.DataSource\.\w+Aggregate\w*$ - exclude: - uidRegex: ^Telerik.Blazor.Components.ToolBarw*$ + type: Method + uidRegex: ^System\.Object\..*$ From 855b2d5af5422d55d002635905faab6474370680 Mon Sep 17 00:00:00 2001 From: Nikolay Nenkov Date: Thu, 28 Nov 2024 18:00:22 +0200 Subject: [PATCH 36/71] fixed codeblock with unescaped interpolation --- deployment/nuget-keys.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/deployment/nuget-keys.md b/deployment/nuget-keys.md index f59633cf28..76314fd072 100644 --- a/deployment/nuget-keys.md +++ b/deployment/nuget-keys.md @@ -93,7 +93,7 @@ You can use the .NET CLI `add source` or `update source` commands to set the cre * To set the credentials in GitHub Actions: ````SH - dotnet nuget add source 'TelerikOnlineFeed' --source 'https://nuget.telerik.com/v3/index.json' --username 'api-key' --password '${{ secrets.TELERIK_NUGET_KEY }}' --configfile './NuGet.Config' --store-password-in-clear-text + dotnet nuget add source 'TelerikOnlineFeed' --source 'https://nuget.telerik.com/v3/index.json' --username 'api-key' --password '${{ "{{secrets.TELERIK_NUGET_KEY}}" }}' --configfile './NuGet.Config' --store-password-in-clear-text ```` > When restoring NuGet packages through the CLI, [use `dotnet restore` rather than `nuget restore` to avoid compatibility errors]({%slug common-kb-package-telerik-pivot-not-compatible-with-netframework%}). From 0ea65ab64ab2ca534ed8f9b1f3bfb24e7dc4d85e Mon Sep 17 00:00:00 2001 From: AngelVelinov Date: Fri, 29 Nov 2024 14:40:54 +0200 Subject: [PATCH 37/71] Fix: Fix some wrong MD files --- _contentTemplates/grid/export.md | 4 +- common-features/loading-sign.md | 2 +- components/editor/toolbar.md | 2 +- components/grid/columns/command.md | 4 +- components/grid/export/csv.md | 2 +- components/grid/export/excel.md | 2 +- deployment/nuget-keys.md | 4 +- knowledge-base/change-theme-runtime.md | 4 +- upgrade/breaking-changes/3-0-0.md | 134 +++++++++++-------------- upgrade/breaking-changes/4-0-0.md | 24 ++++- 10 files changed, 93 insertions(+), 89 deletions(-) diff --git a/_contentTemplates/grid/export.md b/_contentTemplates/grid/export.md index 12f03e7246..3a484e2583 100644 --- a/_contentTemplates/grid/export.md +++ b/_contentTemplates/grid/export.md @@ -9,7 +9,7 @@ * With Server-side Blazor, the file may become larger than the default SignalR connection limit, and this can disconnect the client and result in an error. Generally, this requires quite a lot of data to happen, but you may need to increase the size limit of the connection in the `ConfigureServices` method of your `Startup.cs` file, for example: -````C# +````C#.skip-repl services.AddServerSideBlazor().AddHubOptions(o => { o.MaximumReceiveMessageSize = 1024 * 1024; // 1MB @@ -18,7 +18,7 @@ services.AddServerSideBlazor().AddHubOptions(o => * With Client-side Blazor (WebAssembly), all the code runs in the browser and, at the time of writing, is considerably slower than server-side Blazor, and it only has one actual thread. This means that while the file is being generated, the UI will be unresponsive, so you may want to show a loading sign to the user through the `OnClick` handler of the command button, something like: -````RAZOR Component +````RAZOR.skip-repl Component @* Exporting a lot of rows can be slow in a WebAssembly app more so than in a server-side app, and it blocks the UI *@ diff --git a/common-features/loading-sign.md b/common-features/loading-sign.md index 8c645140a1..b2e8467ec8 100644 --- a/common-features/loading-sign.md +++ b/common-features/loading-sign.md @@ -511,7 +511,7 @@ In some situations, performing a certain action will show a loading indicator th * **Solution**: To solve this, monitor the console/logs and look for errors thrown during the problematic operation. Enabling the detailed Blazor errors may help you troubleshoot application errors: - ````C# Enable + ````C#.skip-repl Enable services.AddServerSideBlazor(opts => opts.DetailedErrors = true); ```` diff --git a/components/editor/toolbar.md b/components/editor/toolbar.md index 5b8fede7d5..cdefb26dfa 100644 --- a/components/editor/toolbar.md +++ b/components/editor/toolbar.md @@ -180,7 +180,7 @@ This example shows how you can keep adding tools to the toolbar to get the desir >caption Create your own toolbar -````RAZOR +````RAZOR.skip-repl @using Telerik.Blazor.Components.Editor @* Avoid ambiguous reference with SVG icons *@ @using EditorNS = Telerik.Blazor.Components.Editor; diff --git a/components/grid/columns/command.md b/components/grid/columns/command.md index b0302fe7ea..c6e6ef56ac 100644 --- a/components/grid/columns/command.md +++ b/components/grid/columns/command.md @@ -70,7 +70,7 @@ Use a **named** context variable to avoid errors when nesting components or `Ren
    -```razor +````RAZOR @{ var product = (Product)dataItem; } @@ -89,7 +89,7 @@ Use a **named** context variable to avoid errors when nesting components or `Ren Delete -``` +```` ## Example diff --git a/components/grid/export/csv.md b/components/grid/export/csv.md index 0834f01f4e..d6863b7b00 100644 --- a/components/grid/export/csv.md +++ b/components/grid/export/csv.md @@ -26,7 +26,7 @@ When you click the Export button, your browser will receive the resulting file. To enable the grid CSV Export, add a [command button]({%slug components/grid/columns/command%}) with the `CsvExport` command name to the [Grid toolbar]({%slug components/grid/features/toolbar%}). -````RAZOR +````RAZOR.skip-repl Export to CSV diff --git a/components/grid/export/excel.md b/components/grid/export/excel.md index e74a4c7fa4..53be381e25 100644 --- a/components/grid/export/excel.md +++ b/components/grid/export/excel.md @@ -26,7 +26,7 @@ When you click the Export button, your browser will receive the resulting file. To enable the Grid Excel Export, add a [command button]({%slug components/grid/columns/command%}) with the `ExcelExport` command name to the [Grid toolbar]({%slug components/grid/features/toolbar%}). -````RAZOR +````RAZOR.skip-repl Export to Excel diff --git a/deployment/nuget-keys.md b/deployment/nuget-keys.md index 76314fd072..ccef0a8f7b 100644 --- a/deployment/nuget-keys.md +++ b/deployment/nuget-keys.md @@ -86,13 +86,13 @@ You can use the .NET CLI `add source` or `update source` commands to set the cre * To set the credentials in Azure DevOps: - ````SH + ````SH.skip-repl dotnet nuget add source 'TelerikOnlineFeed' --source 'https://nuget.telerik.com/v3/index.json' --username 'api-key' --password '$(TELERIK_NUGET_KEY)' --configfile './NuGet.Config' --store-password-in-clear-text ```` * To set the credentials in GitHub Actions: - ````SH + ````SH.skip-repl dotnet nuget add source 'TelerikOnlineFeed' --source 'https://nuget.telerik.com/v3/index.json' --username 'api-key' --password '${{ "{{secrets.TELERIK_NUGET_KEY}}" }}' --configfile './NuGet.Config' --store-password-in-clear-text ```` diff --git a/knowledge-base/change-theme-runtime.md b/knowledge-base/change-theme-runtime.md index b03ca6d309..22b24325ac 100644 --- a/knowledge-base/change-theme-runtime.md +++ b/knowledge-base/change-theme-runtime.md @@ -51,7 +51,7 @@ The following algorithm follows the commonly used approach to replace a CSS file * Make sure the JavaScript file is loaded in the app. >caption JavaScript - ````JS + ````JS.skip-repl var themeChangerDotNetRef; function saveDotNetRef(dotNetRef) { @@ -85,7 +85,7 @@ The following algorithm follows the commonly used approach to replace a CSS file >caption Razor - ````RAZOR + ````RAZOR.skip-repl @implements IDisposable @inject IJSRuntime js diff --git a/upgrade/breaking-changes/3-0-0.md b/upgrade/breaking-changes/3-0-0.md index 608dc27679..bf915af693 100644 --- a/upgrade/breaking-changes/3-0-0.md +++ b/upgrade/breaking-changes/3-0-0.md @@ -35,7 +35,7 @@ Note the following changes when using manual data operations:
    + ````RAZOR.skip-repl +```` -@code { - List SourceData { get; set; } = new(); - List ComboData { get; set; } - List GridData { get; set; } - int ComboTotal { get; set; } = 0; - int GridTotal { get; set; } = 0; - - protected void OnComboRead(ComboBoxReadEventArgs args) - { - var result = SourceData.ToDataSourceResult(args.Request); - - ComboData = result.Data.Cast().ToList(); - ComboTotal = result.Total; - } +````RAZOR.skip-repl - protected void OnGridRead(GridReadEventArgs args) - { - var result = SourceData.ToDataSourceResult(args.Request); - GridData = result.Data.Cast().ToList(); - GridTotal = result.Total; - // aggregates N/A - } +List SourceData { get; set; } = new(); +List ComboData { get; set; } +List GridData { get; set; } +int ComboTotal { get; set; } = 0; +int GridTotal { get; set; } = 0; +protected void OnComboRead(ComboBoxReadEventArgs args) +{ + var result = SourceData.ToDataSourceResult(args.Request); + ComboData = result.Data.Cast().ToList(); + ComboTotal = result.Total; +} +protected void OnGridRead(GridReadEventArgs args) +{ + var result = SourceData.ToDataSourceResult(args.Request); + GridData = result.Data.Cast().ToList(); + GridTotal = result.Total; + // aggregates N/A } - ```` + ````RAZOR.skip-repl -@code{ - List SourceData { get; set; } = new(); - protected void OnComboRead(ComboBoxReadEventArgs args) - { - var result = SourceData.ToDataSourceResult(args.Request); +```` - args.Data = result.Data; - args.Total = result.Total; - } +````RAZOR.skip-repl - protected void OnGridRead(GridReadEventArgs args) - { - var result = SourceData.ToDataSourceResult(args.Request); - args.Data = result.Data; - args.Total = result.Total; - args.AggregateResults = result.AggregateResults; - } +List SourceData { get; set; } = new(); +protected void OnComboRead(ComboBoxReadEventArgs args) +{ + var result = SourceData.ToDataSourceResult(args.Request); + args.Data = result.Data; + args.Total = result.Total; +} +protected void OnGridRead(GridReadEventArgs args) +{ + var result = SourceData.ToDataSourceResult(args.Request); + args.Data = result.Data; + args.Total = result.Total; + args.AggregateResults = result.AggregateResults; } - - - + @@ -496,26 +491,23 @@ async Task OnGridStateInit(GridStateEventArgs args) +```` -@code{ - - IEnumerable TreeData { get; set; } - - +````RAZOR.skip-repl - protected override void OnInitialized() - { - // expanded items depend on - // the IsExpanded value of each item +IEnumerable TreeData { get; set; } - } +protected override void OnInitialized() +{ + // expanded items depend on + // the IsExpanded value of each item +} +public class TreeItem +{ + public bool IsExpanded { get; set; } +} - public class TreeItem - { - public bool IsExpanded { get; set; } - } -} ````