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.
Just needed to check a quick example for reference and I've discovered all the samples have been rewritten to include a bunch of fluff. Here is the new example for the textbox. THE TEXTBOX... this is the example??? Who thought this was a good idea? It seems like someone was given a task to make sure the examples are up to date and some very eager beaver who jumps on every new web dev bandwagon but loses sight of what the end user experience is like, or their fellow coding team members. I have always told people 'and telerik has good documentation and examples' but I can't honestly say that now. After using it for 15 years, I'm so disappointed in what happened to kendo.
Reminder, this is the first example for kendo text box:
<body>
<div class="demo-wrapper k-d-grid k-gap-8 k-flex-1 k-px-8 k-pt-7">
<div data-role="skeletoncontainer" class="side-container k-skeleton k-opacity-20 !k-d-flex k-flex-col k-align-items-center k-px-5 k-pt-7.5 k-rounded-tl-md k-rounded-tr-md" aria-live="polite" aria-label="Loading...">
<span class="k-skeleton k-opacity-80 k-skeleton-circle k-w-18 k-h-18 k-mb-5"></span>
<div class="k-d-flex k-flex-col k-align-items-center k-gap-1">
<span class="k-skeleton k-w-24 k-h-4 k-rounded-md"></span>
<span class="k-skeleton k-opacity-80 k-w-14 k-h-2.5 k-rounded-md"></span>
</div>
<div class="k-d-flex k-flex-col k-w-full k-mt-13 k-gap-4">
<div class="k-skeleton k-opacity-80 k-rounded-md k-h-2.5"></div>
<div class="k-skeleton k-opacity-80 k-rounded-md k-h-2.5"></div>
<div class="k-skeleton k-opacity-80 k-rounded-md k-h-2.5"></div>
</div>
</div>
<div class="main-container k-pb-8 k-d-flex k-flex-col">
<div class="k-d-flex k-gap-3 k-align-items-center k-mb-5">
<span class="avatar !k-d-none k-skeleton k-opacity-30 k-skeleton-circle k-w-12 k-h-12"></span>
<h4 class="k-h4 k-opacity-20 k-font-bold">My Profile</h4>
</div>
<span class="k-d-inline-block">Name</span>
<input id="textbox" />
<div class="k-d-flex k-flex-col k-gap-1 k-mt-5">
<span class="k-skeleton k-opacity-40 k-rounded-md k-w-24 k-px-3 k-h-4"></span>
<span class="k-skeleton k-opacity-30 k-rounded-md k-h-7.5"></span>
</div>
<div class="k-d-flex k-flex-col k-grow k-gap-1 k-mt-5">
<span class="k-skeleton k-opacity-40 k-rounded-md k-w-24 k-px-3 k-h-4"></span>
<span class="content-expanded k-grow k-skeleton k-opacity-30 k-rounded-md k-h-20"></span>
</div>
</div>
</div>
<script>
$(document).ready(function() {
// create TextBox from input HTML element
$("#textbox").kendoTextBox({
value: "John Smith",
clearButton: true
});
});
</script>
<style>
.demo-wrapper {
grid-template-columns: 180px 1fr;
}
.k-h4 {
line-height: 26px;
margin-bottom: 0;
}
.kd-nodata-wrapper{
display: block !important;
padding-top: 20px !important;
}
/* Breakpoints for full screen demo: max:599px, min:759px and max: 959 */
@media (max-width: 678px), (min-width: 821px) and (max-width: 1038px), (min-width: 1241px) and (max-width: 1328px) {
.demo-wrapper {
grid-template-columns: 1fr;
}
.avatar {
display: block !important;
}
.side-container {
display: none !important;
}
.main-container {
padding-bottom: 0;
}
.content-expanded {
border-end-end-radius: 0;
border-end-start-radius: 0;
}
}
/* Breakpoint for full screen demo: max:359px */
@media (max-width: 476px) {
.avatar {
width: 32px;
height: 32px;
}
}
</style>
</body>
I am using Vue Js with Kendo.
I need to escape a function within a HTML input element. :
This is the input values
<input type="checkbox" class="checkbox" :class="{ 'checked': myVar }">
This is what i tried to do but it did not work:
<input type="checkbox" class="checkbox" \#:class="{ 'checked': myVar }"#>
Hi,
I have the suggestion regarding documentation for the widgets/components. It would be great if you could add two information to the documentation/demos:
1. When it was first introduced (which version)
2. When it was last changed.
For example: textbox prefixes and sufixes (from: VERSION NR, updated: VERSION NR). - and you can link it to that release note/breaking changes post that you already have.
I think it is very useful for two reasons:
1. when people (designers or managers etc.) browse the online library and find "cool" feature and ask why we don't have it or they want it implemented, we (developers/architects) could immediately know if its available in the version we have.
2. When we developers read documentation (yes some of us really read it), we immediately know if we can use feature or not. (otherwise I have to open demo dojo and then change version to our current one and see what works and what not - it takes time with multiple widgets and multiple versions used system wide).
Thank you very much.
Regards,
Vedad
Hello,
tried to ask for help in Stack Overflow, but can't get any help.
https://stackoverflow.com/questions/79315903/custom-build-of-telerik-kendo-themes
I was testing the UTC "u" date format and noticed it does not adjust the date/time correctly. The "u" only adds the "Z" indicator and does not shift the time. I opened the date formatting example in kendo Dojo and noticed the issue.
const d = kendo.parseDate("2024-12-04T16:30:45Z");
console.log("Source = " + d); // Wed Dec 04 2024 10:30:45 GMT-0600 (Central Standard Time)
console.log("Format 'u' = " + kendo.toString(d, "u")); // 2024-12-04 10:30:45Z
console.log("toISOString = " + d.toISOString()); // 2024-12-04T16:30:45.000Z
Notice that "u" prints the time as 10:30 instead of 16:30 as in "toISOString".
Reference documentation: https://docs.telerik.com/kendo-ui/globalization/intl/dateformatting
Here is my modified version of the date formatting example. Compare the output of "u" to "toISOString": https://dojo.telerik.com/gPLZTAIt/2