1. Is it hard to understand the version numbers of our releases? If yes, what makes them hard to understand them?
2. Would semantic versioning (SemVer) of our releases make it easier to understand our version numbers and what's behind them?
3. If we go with SemVer, we might need to start with version 3000.0.0 as we currently use 2022.x.x. Please share your thoughts about this approach and ideas for what number versioning would work best for you.
I'm looking for a widget that is sort of a combination of a dropdownlist and a multiselect. I would like to be able to select multiple items from the dropdownlist but instead of having chips like in the multiselect, I want the dropdownlist to display either "All Selected", "Multiple Selected" (or a count), or the name of the option selected if only one is selected. I would ideally have checkboxes to the left of each item but it could just highlight the item like the current multiselect does. Is there a way to accomplish this with Kendo UI for JQuery?
I am migrating an old Silverlight app that uses RadChart. The old chart is combination of column and line types. Please see image (filename: Chart.jpg).
It has this middle vertical line (which is the Actual Mean series/legend) that I am very confuse how to convert to KendoUI. Underneath, it has 2 data point value 0 and 1. The Axis is assign to the right axis. Another question is how it is placed in the middle of the chart with only 2 data points? There is no programmatic manipulation seen on the old code.
Is this possible to do with Kendo UI chart? I also attached the XAML of the old RadChart in case needed.
Please help.
Hi team,
I'm having a look at last kendo release and I notice that size of css pre-builts files are really really bigger than before (currently I'm using 2022 R2). Even if sass compile only the stylesheet of the button widget, I get a 553KB css file! Was 293KB in R2 2022.
Also, there are many css classes doubled by a counterpart beginning with .!k- like with:
.k-ratio-1 {
aspect-ratio: 1;
}
.\!k-ratio-1 {
aspect-ratio: 1 !important;
}
Can someone tell me what are all these css classes beginning with .!\k- ? And also why the stylesheet got so big?
Best regards,
Laurent.
1. We are making a field with hyperlink, that means if a user clicks the hyperlink, it should redirect or get specific details. Now that fails here.
2. Also we are making a hyperlink which is grouped by one item, If the user clicks any one specific item, that should open in a new tab. Again we are not able to get that specific item position.
3. And we need to group by 2 items. For example, We have 1 set of results and with that we need to group by 2 fields like one by User & Department.
Hello, just started with kendo and angular so this might be a basic question.
I have set up a template for a grid:
And in my component.ts I set up a sample dataset to test:
export class PeopleOverviewComponent {
public gridData: Person[] = [
{
Name:"Jane",
}
];
}
Currently this creates a grid with one row, I would like to have the grid be filled in with empty rows to fill the page size to 10.
All the help is appreciated!
Hello I am looking for an answer/clarity on why my kendo-ui-license might not be applied correctly.
Since we are using kendo-react and kendo-ui I've tried both approaches to applying the license.
Here are approaches I've tried:
https://docs.telerik.com/kendo-ui/intro/installation/using-license-code
https://www.telerik.com/kendo-react-ui/components/my-license/
Here is the warning:
I've tried removing yarn.lock and node modules and installing dependancies again. That did not help as well.
shasum is returning correct license as well.
My package.json is attached to the post.
NOTE: only kendo-ui throws warning. Seems like license for kendo-react is activated correctly.
"devDependencies": { "@testing-library/dom": "^8.13.0", "@testing-library/jest-dom": "^5.16.4", "@testing-library/react": "^12.1.5", "@testing-library/user-event": "^14.1.1", "@types/applicationinsights-js": "^1.0.9", "@types/es6-promisify": "^6.0.0", "@types/jest": "^27.4.1", "@types/jquery": "^3.3.28", "@types/jqueryui": "^1.12.7", "@types/node": "^18.7.13", "@types/prop-types": "^15.7.2", "@types/react": "^18.0.17", "@types/react-dom": "^18.0.6", "@types/signalr": "^2.2.35", "gulp": "^4.0.2", "gulp-clean-css": "^4.3.0", "gulp-concat": "^2.6.1", "gulp-rename": "^2.0.0", "gulp-uglify": "^3.0.2", "rimraf": "^2.6.3", "typescript": "^4.6.3" }, "dependencies": { "@progress/kendo-all-react-wrapper": "^2019.4.1014", "@progress/kendo-base-component-react-wrapper": "^2019.4.1014", "@progress/kendo-data-query": "1.5.4", "@progress/kendo-drawing": "^1.17.5", "@progress/kendo-dropdowns-react-wrapper": "^2019.4.1014", "@progress/kendo-gantt-react-wrapper": "^2019.4.1014", "@progress/kendo-grid-react-wrapper": "^2019.4.1014", "@progress/kendo-layout-react-wrapper": "^2019.4.1014", "@progress/kendo-licensing": "^1.3.0", "@progress/kendo-popups-react-wrapper": "^2019.4.1014", "@progress/kendo-react-charts": "5.13.1", "@progress/kendo-react-dialogs": "^5.2.0", "@progress/kendo-react-dropdowns": "^5.2.0", "@progress/kendo-react-inputs": "^5.2.0", "@progress/kendo-react-intl": "^5.2.0", "@progress/kendo-react-labels": "^5.2.0", "@progress/kendo-react-popup": "3.18.0", "@progress/kendo-react-tooltip": "^5.2.0", "@progress/kendo-theme-default": "^4.44.0", "@progress/kendo-treeview-react-wrapper": "^2019.4.1014", "@progress/kendo-ui": "2022.3.1109", "azure-maps-control": "2.0.31", "es6-promise": "^4.2.6", "hammerjs": "^2.0.8", "jquery": "^3.5.1", "jqueryui": "^1.11.1", "jszip": "^3.10.1", "kendo-ui-core": "2022.3.1109", "react": "^17.0.2", "react-dom": "^17.0.2", "react-transition-group": "^4.4.5", "signalr": "^2.4.1", "typescript-collections": "1.3.3" }
I have a jQuery UI Grid with a .Net MVC Core backend.
The record data has a nullable date in it and everything is displaying fine ( ive added abrdiged working code below)
I use the popup edit to edit the record which contains a nullable date Kendo sends the date as :
Sun May 28 2023 00:00:00 GMT+0100 (British Summer Time)
The Model Binder in MVC does not recognise this as a date and reports a model binding error:
"The value 'Sun May 28 2023 00:00:00 GMT+0100 (British Summer Time)' is not valid for MortgageExpiry."
Theres alot of talk about dates, formats and parsing etc.. in documentation but I'm confused as to what Im actually meant to do.
I know C# dosnt see this as a date when trying to bind it to Model , I understand that but what am I meant to do to fix it.
Can I modify the outgoing format of the date before its sent to server or is there something else I should be doing?
function populateProductsTable() {
var applicationId = $("#MortgageApplicationId").val();
var gridDataSource = new kendo.data.DataSource({
type: "json",
transport: {
read: {
url: "/api/ApplicationProductsApi/Read/" + applicationId,
dataType: "json"
},
create: {
url: "/api/ApplicationProductsApi/Create",
dataType: "json",
type: "POST"
},
update: {
url: "/api/ApplicationProductsApi/Update",
dataType: "json",
type: "POST"
},
destroy: {
url: "/api/ApplicationProductsApi/Delete",
dataType: "json",
type: "POST"
},
},
schema: {
data: "data",
total: "total",
errors: "errors",
model: {
id: "id",
fields: {
id: { type: "number", editable: false },
productProvider: { type: "string", validation: { required: true } },
productTypeId: {type: "number", validation: { required: true } },
productName: { type: "string" },
mortgageExpiry: { type: "date" },
}
}
}
});
/* eslint-enable */
$("#productGrid").kendoGrid({
toolbar: ["create"],
editable: "popup",
dataSource: gridDataSource,
filterable: true,
sortable: true,
pageable: false,
columns: [{
command: ["edit"], title: " ",
}, {
field: "id",
filterable: false,
hidden: true,
}, {
field: "productProvider",
title: "Provider"
}, {
field: "productTypeId",
title: "Type",
editor: dropDownProductType, template: "#=productTypeIdName#"
}, {
field: "productName",
title: "Name"
},{
field: "mortgageExpiry",
title: "Expiry",
format: "{0:dd/MMM/yyyy}"
},
]
});
}
Sat May 27 2023 00:00:00 GMT+0100 (British Summer Time)
Sat May 27 2023 00:00:00 GMT+0100 (British Summer Time)