Questions on Kendo UI for jQuery Forum

2 answers

129 views

Treeview flexbox

I'm trying to get a treeview to just fill available space in the browser window. Meaning the vertical scrollbar on the treeview should be displayed and the vertical scrollbar on the browser window should not. I am using flexbox and it works perfectly in Firefox and Edge, but the TreeView overwrites my footer in Chrome and the entire TreeView is shown. Any help would be appreciated. I don't understand why the difference in functionality between the browsers. I would have expected Chrome and Firefox to behave the same.

<style>

html,

body {

height: 100%;

margin: 10px;

padding:0;

}

.box {

display: flex;

flex-flow: column;

height: 100%;

}

.box .row {

border: 1px dotted grey;

}

.box .row.header {

-webkit-flex: 0 1 auto;

-ms-flex: 0 1 auto;

flex: 0 1 auto;

}

.box .row.content {

-webkit-flex: 1 1 auto;

-ms-flex: 1 1 auto;

flex: 1 1 auto;

}

.box .row.footer {

-webkit-flex: 0 0 40px;

-ms-flex: 0 0 40px;

flex: 0 0 40px;

}

/*

Use the DejaVu Sans font for display and embedding in the PDF file.

The standard PDF fonts have no support for Unicode characters.

*/

.k-treelist {

font-family: "DejaVu Sans", "Arial", sans-serif;

font-size: .9em;

height: 98%;

}

</style>

</head>

<body>

<div class="box">

<div class="row header"><h1 class="text-center">Component Configuration Report</h1></div>

<div class="col-md-12 pull-left row content">

<span id="popupNotification"></span>

<div id="treelist" class="row content"></div>

</div>

<div class="row footer">

<p>footer</p>

</div>

TreeView

answered on 29 Jan 2018

5 answers

2.1K+ views

ValidationMessage for dropdownlist

I would like to create a validation message only for dropdownlist.

I'd like to get the text value of label.

label is parent of kendo dropdownlist

var custom = function(input){

if(input.is("[data-role=dropdownlist]")){

if(Utils.isNullOrUndefined(input[0].value) || input[0].value.length === 0){

return true;

}

return input.data("kendoDropDownList").value();

}

return true;

}

rules.custom = custom;

messages.custom = function(input){

"Insert" + input.closest("label").text()

}

var validator = {

validate: function(){

$(".k-invalid:first").focus();

},

rules: rules,

messages: messages

};

return $("#form1").kendoValidator(validator).data("kendoValidator");

This solution doesn't work

Validation

answered on 26 Jan 2018

3 answers

498 views

Kendo panelbar not expanding on JQuery due to version upgrade

Hi Support team,

The panel bar expanding is not expanding now ,when I upgraded to the latest version (2017.2.621.545) from old version (2016.....).

here is the JQuery code to expand on java-script call event which I am using ,it was working perfectly

var panelBar = $("#pnlbar").data("kendoPanelBar");
panelBar.select(panelBar.element.children("li").eq(2));
panelBar._selected[0].style.display = 'block';
var item = panelBar.select();
panelBar.expand(item);

please advice me the solution asap to solve the issue ..

Thanks...

PanelBar

answered on 26 Jan 2018

1 answer

79 views

Scheduler not WCAG A compliant?

I noticed that the scheduler is supposed to be WCAG AAA compliant, however when i ran a scan on my page that has a scheduler on it, it returned 3 errors to me (for A compliance). I thought it was my fault, but i decided to try and run it on the demo the WCAG page links to (https://demos.telerik.com/kendo-ui/scheduler/index) and found the same 3 errors within the scheduler.

The scanner i used is: http://squizlabs.github.io/HTML_CodeSniffer/

Am I missing something obvious? Is the scanner wrong? Am i doing something wrong?

Scheduler

answered on 26 Jan 2018

1 answer

266 views

list-container not appending proper class name

Hello,

I have noticed that when i initiate the kendo dropdownlist through mvvm, when the drop down box is opened, the k-list-container is not displaying the correct class name when it is above the form field that opens/closes the k-list-container. It always is set as k-state-border-down when it should be k-state-border-up. Can you please advise on how to fix this? I would like to create some styles that work for the different states.

DropDownList

answered on 26 Jan 2018

4 answers

391 views

Extract value from another sheet's calculated cell

Hey,

In the context of our application, we need to extract a specific cell's value anywhere in the spreadsheet.

However, calculated cells from the not activeSheet don't seem to be updated unless we switch the actual sheet.

Scenario :

Les say we have Sheet1 and Sheet2

A1 in Sheet1 is our targeted cell which we re-fetch the value onChange of the spreadsheet component with : this.spreadsheet.sheetByName(this.targetedRangeSheetName).range(this.targetedRangeCell).value();

If A1 is a formula like =SUM(B1:B3), when we change something in B1, B2 or B2, onChange is triggered and we re-fetch our targeted cell's value, which matches the value we would expect.

However, if the formula of Sheet1 A1 is something like : =SUM(Sheet2!B1:B3), if we change someting in Sheet2's B1, B2 or B3, onChange is trigger but

this.spreadsheet.sheetByName(this.targetedRangeSheetName).range(this.targetedRangeCell).value()

returns the old value.

How can I an updated value of Sheet1!A1 without switching the activeSheet to Sheet1? Is there a way to trigger the calc on Sheet1?

Spreadsheet

answered on 26 Jan 2018

1 answer

224 views

Kendo UI spreadsheet Check Box and On Demand Support

1. Is there any support for Kendo UI spreadsheet in Angular 2?
2. We need to use checkbox control or link button in Kendo UI Spreadsheet
3. Also we want to incorporate Data on Demand concept is spreadsheet. Is is available?

Spreadsheet

answered on 26 Jan 2018

1 answer

251 views

Kendo Grid - Lock/Unlock columns outside grid

I have a kendo grid, whereas menu item not needed in the column header. But still I want Lock/Unlock control in the column header. Is there any way to achieve it? If possible with external an dropdown which have number columns with checkbox to lock/unlock it.

Grid

answered on 25 Jan 2018

1 answer

241 views

Kendo ui for jquery grid - is there any documentation for right click open new tab ??

Kendo ui grid - I was able to open the Grid row click on the same window. But if I right click on row "open in a new tab " or "open in new window" which should direct it to new tab or new window.

Please help me

Grid

answered on 25 Jan 2018

1 answer

631 views

Longer "on" and "off" labels

Hi, seems like the switch cuts down display of labels to about three characters or so.

Is there a way to resize the switch to hold more than three characters on either side of the display? I tried playing around with the css components, but it ends up messing up the switch layout.

Also, both on and off labels get capitalized automatically, I'd like them retain their original format

Here's the code I am using

$("#switch").kendoMobileSwitch({<br> onLabel: "My On Label",<br> offLabel: "My Off Label",<br> change: onChange<br> });