Pager gets a wrong / small `-sm` class on grid. Corrected when browser window resizes.
**Repro:**
1) Make window big on desktop
2) Run this: https://dojo.telerik.com/arUtuyuf
3) Resize browser, just 1 pixel needed, while looking at pager
Even though the window is big, it initially show up with small classes.
There are several problems when extending a widget .
In this example we have extended the DropDownTree.
- Some properties like fillMode, no matter if we set in in the options or in the extended widget it self (kendoDemoDropDownTree)
sets the value but never actually applies. Also the dataSource must be in the following format
selectedProductId: [{ id: "a" }, { id: "c" }],and not
selectedProductId: ["b", "c"]So some properties are supported and other that have been added later not.
I present you the source code (https://dojo.telerik.com/ewewERiD)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Untitled</title>
<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2022.2.510/js/angular.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2022.2.510/js/jszip.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2022.2.510/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.2.510/styles/kendo.default-ocean-blue.min.css">
</head>
<body>
<input id="dropdowntreeExt" data-bind="value: selectedProductId">
<script>
(function ($) {
var kendo = window.kendo,
ui = kendo.ui,
DropDownTree = ui.DropDownTree;
var DemoDropDownTree = DropDownTree.extend({
init: function (element, options) {
DropDownTree.fn.init.call(this, element, options);
$(element).parent().addClass("k-picker-solid k-picker k-rounded");
},
options: {
name: "DemoDropDownTree",
checkboxes: true,
fillMode: "flat"
}
});
ui.plugin(DemoDropDownTree);
})(jQuery);
var viewModel = kendo.observable({
selectedProductId: [{ id: "a" }, { id: "c" }],
//selectedProductId: ["b", "c"],
products: [
{ id: "a", name: "Coffee" },
{ id: "b", name: "Tea" },
{ id: "c", name: "Juice" }
]
});
kendo.bind($("#dropdowntreeExt"), viewModel);
//kendoDemoDropDownTree
//kendoDropDownTree
$("#dropdowntreeExt").kendoDemoDropDownTree({
valuePrimitive: true,
dataTextField: "name",
dataValueField: "id",
//checkboxes: true,
dataSource: viewModel.products//,
//fillMode: "flat"
});
alert($("#dropdowntreeExt").data("kendoDemoDropDownTree").options['fillMode']);
</script>
</body>
</html>(!) This also applies in the latest versions as well (2022R2 and 2022R3).
2. if you place the properties in kendoDropDownTree, everything works well and the datasource also accepts the format selectedProductId: ["b", "c"]
3. Many options, like autoWidth property, don't apply in extended widgets (i.e. MultiSelect, DropDownList, DropDownTree etc).
4, In DropDownTree for the extended widget, valuePrimitive: true is not applicable. Instead of returning an array of the selected keys, it returns an array of the entire item.
basically based on (it will work till you change the font size settings in the browser (chrome://settings/appearance -> front size), it will lead to )
https://www.telerik.com/forums/image-only-on-command-buttons
and (without text, but without tooltip too)
http://dojo.telerik.com/@Iliana/aJeme
would be great to have such buttons out of the box
Hi Team,
I'd like to request that Kendo UI adds Data Matrix codes to the Kendo UI Library.
Thank you!
If you create a spreadsheet in excel and just have the below formula - it locks up when you activate the sheet.
Or if you use the kendo spreadsheet and paste this into a cell, it also locks up.
=WORKDAY(TODAY(),-1)
Bug report
When the WebPack 4 is used with Kendo version 2022.2.802 the following error is thrown in the console:
webpack_modules[moduleId] is not a function
Reproduction of the problem
-
Open the attached sample project
webpack-demo-wb4.zip -
Run 'npm install' and 'npm start' and check the browser console.
Current behavior
An error: webpack_modules[moduleId] is not a function is thrown .
Note: The latest Kendo version can be used without any issues with WebPack 5.
Expected/desired behavior
There should be no error and the app should run without any issues with Kendo version 2022.2.802 and WebPack 4
Environment
- Kendo UI version: 2022.2.802
- Browser: [all ]
Kendo UI supports PDF export. It would be great if you could add glyph mirroring support to it as well (https://github.com/mozilla/pdf.js/blob/master/src/core/bidi.js). PDF export of RTL languages such as Arabic and Persian need this trick to work properly.
Bug report
Missing Anti-CRSF tokens trigger security alerts when testing for security compliance with OWASP ZAP.
Reproduction of the problem
Current behavior
Expected/desired behavior
Environment
- Kendo UI version: 2022.2.621
- jQuery version: x.y
- Browser: [all]
The "Classic" SASS theme for Kendo UI (v. 5.4.0) provides the $enable-transitions variable. I expected it to behave consistent with other similar variables like $enable-rounded which means that when it is set to false, no transistion properties would be set.
However, the following elements always have a transition property set, no matter what the value of $enable-transitions is:
- .k-button::before
- .k-list-item
Is this a bug or did I understand the meaning of $enable-transitions wrong?
Issue Description:
Screen reader user will get confused if incorrect narration is provided on the controls.
Test Environment:
OS : Windows 10
Version: 2004(OS Build 21292.1)
Browser : Anaheim Dev (Version 89.0.760.0 (Official build) (64-bit))
URL: https://docs.telerik.com/kendo-ui/api/javascript/ui/numerictextbox/methods/min
Screen reader: Narrator.
Repro steps:
1. Open the above-mentioned URL in browser there's example code for the Numeric text box feature.
2. Now, navigate to the 'Open in Dojo' and via tab key and run the program.
3. Now move the focus to the Text box.
4.Verify whether the Narrator announce min 0 and max 0.
Actual Results:
Screen reader announces the incorrect information as "Min 0 and Max 0" when the focus lands on "from" or "to" spin button's. Currently min and max both the value's are announced as 0.
Expected results:
Screen reader should announces the relevant information when focus is on 'From' or 'to' spin button. It should be announced "Min value as 0" and "max value as per design"
Additional Notes:
1. Same when focus first lands on the opened dialog after activating build button it is announced as table which is incorrect.
2. Same issue observed with every spin button and dropdown controls.
Hi,
The percent complete column does not work! If you use any other gantt product (including Microsoft project). When you enter the % complete, it's between 0 and 100, which is a universal standard around the world. % complete is never between 0 and 1. Please correct the Gantt tool to use the universal standard.
The usability of product will be much improved and users will like it.
Thank you!
David
Mentioned in package.json: "typings": "index.d.ts", but the file is missing.
Package: @progress/kendo-ui@2022.2.621
Can you add a grammar check similar to MS word?
In the latest version of Kendo UI, various input controls like the NumericTextBox or the ColorPicker now consist of an input field and a button control (used for increasing/decreasing the value or opening the dropdown).
The border-radius for those widgets can be controlled by setting the "rounded" option. At the same time, when using SASS themes, a button's default border-radius might be set using the $kendo-button-border-radius variable. The buttons inside e.g. a NumericTextBox do not override the theme's border-radius which leads to an outcome like this:
Widgets that use Buttons internally (and therefore offer no way of overriding the button's border-radius by setting its "rounded" option manually) should override the default styles.
Unfortunately, I could not reproduce the behavior in a DOJO, because I cannot transpile SASS themes there.
Please support API access for private NuGet feed. It is more friendly to build servers and avoids user information leaking.
---
ADMIN EDIT
Update from 1 Mar 2021 - At the moment we are looking at providing certificate-based access - a relatively new feature that seems to be the current best practice (issue, PR). While it does require a little bit of setup, it does not expose secrets in the URL, and does not require user credentials.
---
I would like to have the possibility to globally change the default styling options of all the widgets with a single declaration. Something like kendo.ui["all"].fn.options["size"] = "small";
The article below demonstrates how the style options can be changed per widget. I would like to be able to change the default style options globally for all the widgets.
Regards
Hello,
I'm looking to find a way to hide the Table tab and Cee tab on the Table Wizard. Is there a way to do this?
Thanks,
Sunny Carrandi
The Popup widget has a"collision" setting that is documented here: https://docs.telerik.com/kendo-ui/api/javascript/ui/popup/configuration/collision. The documentation states the following:
If two words are used, the first one applies to the horizontal dimension and the second one - to the vertical dimension.
However, the first word sets the vertical behavior and the second word sets the horizontal behavior. This can be seen in the following DOJO: https://dojo.telerik.com/ewOKOZIh. The popup uses a configuration with its collision set to "flip fit". Still, when resizing the window horizontally (making it less wide), the popup slides under the input control instead of flipping to the other side. When resizing the window vertically (making it less high), the popup flips to the upper side of the input control once the space below is becoming too small.
In my understanding, the exact opposite behavior is expected.
The Kendo UI Popup's "collision" option allows to specify how its positioning algorithm should handle situations where there is not enough space. When "collision" is set to "flip" and there is not enough space to display the popup where it was configured to be displayed (via origin and position), it flips to the other side of its anchor (documented here). If there is no space on the other side either, it flips back to the original position.
I've created an example situation where this happens in this DOJO. You might have to resize the browser window a bit to make the content on either side of the input smaller than the popup's width. As you can see, the position of the popup now is the least fortunate one:
- It would make more sense to flip, despite there being not enough space, because more content could be displayed on the left side than on the right side.
- It would be even better if the popup detected that neither sides provides enough space and instead reduced its size - the size is not fixed but determined by the content.
One might think I could set the popup's width to "min-content" via CSS to force wrapping, but this always wraps the content and wherever possible. Is there any way to make the popup's content wrap, but only if necessary?
Hi
I found bug into the Items of Tab component.
When you create Tab and write 3 TabItems for it, all of the component are correct but when you want create other tab into the first or second part of TabItem with 2 tabitems, you will expect to see one main Tab with 3 TabItems and other Tab with 2 Tabitems into the first tabItem of first Tab. But you will see one Tab with 5 Tabitems So main Tab merge all of TabItems with together.
<Tab id="mainTab">
<TabItem id="item1">
<Tab id="childTab">
<TabItem id="childItem1">
Content 1
</TabItem>
<TabItem id="childItem2">
Content 2
</TabItem>
</Tab>
</TabItem>
<TabItem id="item2">
Content 2
</TabItem>
<TabItem id="item3">
Content 3
</TabItem>
</Tab>Thanks for solving this problem or for guiding me.