I have a question about the resize behavior of shapes in a diagram.
It appears to me that shapes are getting 'zoomed' or 'stretched' but not actually properly resized.
Please take a look at the attached screenshots.
Also, the borders (strokeWidth stays the same) get stretched and out of proportion, as well as the text (fontSize stays the same).
Is there any way to alter the 'resize' behavior of shapes - because in my opinion it's not actually a resize but rather a strech or zoom and doesn't really look as good as it should.
Hi Telerik support team !
I have a problem when using 2 tileLayout. When I drag item from tileLayout 1 to inside tileLayout 2 Error appear "Uncaught TypeError: Cannot read property 'order' of undefined"
Please help me to avoid it.
I thing to hidden when overflow container of tileLayout but i don't way to set it.. Please helme.
Here is code
https://dojo.telerik.com/IkeHoxob/9
My admins HATE the way the daterangepicker works, they wanted me to pass it along, I'm not sure where to post.
Like look at this...
https://www.screencast.com/t/g3DVcVspyLuf
It's like you want to go left, and it goes... down. What you want to happen isn't happening, it's just off in left field wiping out fields and resetting itself.
I have code that adds buttons to a kendoToolBar. Upon completion, the button is added but the .items array still says null or undefined. The basic gist I am ultimately after is how to iterate through the buttons/controls in a toolbar and delete them all or at least delete them one by one by id. But, I can't figure out the syntax for iterating this array. Can anyone point out what I'm doing wrong?
var toolbar = $("#tbrMyToolBar").data("kendoToolBar");
toolbar.add(
{
type: "button",
attributes: { "class": "k-button" },
text: name,
id: "testbutton",
togglable: false,
click: function(e)
{
}
});
console.log(toolbar.items.length);
I'm testing with the latest Telerik from CDN but the toolbar is missing the date range. Any idea why it won't show? Here is the dojo link:
https://dojo.telerik.com/@slim@revindex.com/UgIxiPAh
https://dojo.telerik.com/iliDopep
If we stick a column then apply a filter to another column.
We unstick the column we set previously.
Then clear the filter and the sticky column appears again.
Is this a known issue?
Thanks.
I have a problem with treelists in FireFox (Chrome and Edge work fine).
When you resize a column with the mouse to the absolute minimum you can no longer grab the side of the column to widen it again.
Is there a way to set a minimum column size in treelists? If so, I haven't found it.
Thank you for your time,
Hans
Hi,
I am using the selectable column to select checkboxes, I need to disable the checkboxes for a few rows based on a value from the dataset for the particular row.
On the event of the grid "edit", I am disabling editing for certain rows based on a condition but the checkboxes for those rows can still be checked. I need to prevent/disable checking of the checkbox for the same rows based on the same condition.
I have to use the selectable column for checkboxes and not a custom template.
I have defined the grid below.
Grid Definition
$(
"#grid"
).kendoGrid({
dataSource: DataSource,
pageable: {
pageSizes:
true
},
filterable: {
extra:
false
,
operators: {
string: {
startswith:
"Starts with"
,
contains:
"Contains"
,
eq:
"Is equal to"
,
neq:
"Is not equal to"
}
}
},
sortable:
true
,
groupable:
true
,
editable:
true
,
resizable:
true
,
scrollable:
false
,
detailInit: detailInit,
toolbar: [
"Save"
, "Cancel"],
edit:
function
(e) {
if
(e.model.ClaimStatus != ClaimStatusCode.Draft && e.model.ClaimStatus != ClaimStatusCode.Complete && e.model.Status != ClaimLineItemStatusCode.Rejected) {
e.sender.closeCell();
}
},
excelExport: generateExcelFile,
dataBound:
function
() {
highlightFailedClaimLines();
},
columns:
[
{ selectable:
true
, width:
"50px"
},
{ field:
"ValidationStatus"
, title: ResourceLabels.Label_ValidationStatus, hidden:
true
},
{ field:
"Id"
, title: ResourceLabels.Label_Grid_CustomerName, hidden:
true
},
{ field:
"IsOverridden"
, title: ResourceLabels.Label_Override },
{ field:
"OverrideReason"
, title: ResourceLabels.Label_OverrideReason },
{ field:
"RuleFailure"
, title: ResourceLabels.Label_RuleFailure, hidden:
true
},
{ field:
"ValidationError"
, title: ResourceLabels.Label_ValidationError, hidden:
true
}
],
change: onCheckBoxSelect,
saveChanges: gridSaveChanges,
});
I am using Kendo UI to display the dynamic menu. How do I make this as Responsive design menu without using kendoResponsivePanel? Do you have any other menu control to have this functionality? Here is my code snippet. Please advise.
@model ghi.Domain.Models.Menu.MenuItemList
@using Kendo.Mvc.UI.Fluent
@using ghi.Domain.Models.Menu
@functions{
public void addChildren(MenuItemBuilder builder, MenuData item, MenuItemList items)
{
var children = items.data.Where(m => m.MenuParentID == item.MenuID);
if (children != null)
{
builder.Items(menuItems =>
{
foreach (var child in children)
{
var menuItem = menuItems.Add().Text(child.MenuText);
addChildren(menuItem, child, items);
}
});
}
}
}
@(Html.Kendo().Menu()
.Name("menu")
.Items(menu =>
{
menu.Add().Text("Home");
foreach (var item in Model.data.Where(m => m.MenuParentID == null || m.MenuParentID == 0))
{
var builder = menu.Add().Text(item.MenuText);
addChildren(builder, item, Model);
}
}))
Hi,
I am following this https://github.com/telerik/kendo-ui-core/blob/master/docs/api/javascript/data/pivotdatasource.md to build a pivot grid.
How can I check the data source that is used in the following read method? I want to take a look at the structure and build my own olap data source. But when I click the link, it gives 500 error.
<
script
>
var dataSource = new kendo.data.PivotDataSource({
type: "xmla",
measures: {
values: ["[Measures].[Internet Order Lines Count]", "[Measures].[Days Current Quarter to Date]"],
axis: "rows"
},
transport: {
connection: {
catalog: "Adventure Works DW 2008R2",
cube: "Adventure Works"
},
},
schema: {
type: "xmla"
}
});
dataSource.fetch();
</
script
>