Hi,
We've found that on some of our elements (such as DropDownList and AutoComplete) the background and font colours clash when focus is put on the element. The attached screenshots show that after picking an option, the box is left unreadable until the user moves focus away from it.
We've not been able to work out which CSS styles we should be overriding to alter the styling here. Does anyone have any hints?
Im having an issue where I am trying to create a calculated property on a child object in the observable view model where its value is dependant on a property on the parent and the calculated value is not updating when the parent gets updated.
Please help, Im quite confused
Here is the code and a fiddle of it
https://jsfiddle.net/80mo1ch7/
<
script
>
var viewModel = null;
$(document).ready(function () {
viewModel = kendo.observable({
parentNumber: 1,
child: { showLink: function () { return this.get('parent().parentNumber') == 2 } }
});
kendo.bind($('#simpleTest'), viewModel);
document.getElementById('changeValue').onclick = function () {
if (viewModel.parentNumber == 1)
viewModel.set('parentNumber', 2);
else
viewModel.set('parentNumber', 1);
}
});
</
script
>
<
section
id
=
"simpleTest"
>
<
p
data-bind
=
"text: parentNumber"
></
p
>
<
section
data-template
=
"simpleTestChildTemplate"
data-bind
=
"source: child"
/>
</
section
>
<
script
id
=
"simpleTestChildTemplate"
type
=
"text/x-kendo-template"
>
<
section
>
<
button
id
=
"changeValue"
>Change</
button
>
<
a
data-template
=
"headerTemplate"
data-bind
=
"visible: showLink"
>BlahBlah</
a
>
</
section
>
</
script
>
Is it possibile to disable only the "Add" or "+" on sheetsbar?
This occurs in the sample in the docs, regardless of the backend.
Follow this link to the documentation, and open in Dojo.
http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#events-edit
Repro steps:
Add a new row
Click edit on new row, then click cancel.
Row disappears from grid.
If you do the same on a previously existing row, it does NOT disappear.
We want to show a diagram in a modal window and need tooltips and tools(e.g. edit).
Minimal example based on demo: http://dojo.telerik.com/IGUke/3
Apparently the tooltip and tools are created with a lower z-index than the diagram.
Is this a bug or is there any workaround ot get tooltips and tools working?
I'm using Kendo UI ASP.NET. I have a grid control that has 3 columns; 2 dropdowns and a delete button via command.Destroy(). When I tab through the grid, it does the following tab order:
1) For each row:
a) Column 1
b) Column 2
c) Column 3
That's all good. After that, though, it goes back to and focuses on row 1, column 3, the actual "Delete" button embedded in the column. If you continue tabbing, it goes through all of the rows at this point on the Delete button. After all of that, it leaves the grid.
So, to rephrase, it tabs through all 3 columns through the entire table, row by row. After that, instead of leaving the table, it goes back up to row 1, the delete button, then row 2, the delete button, then row 3, the delete button, ..., the last row, the delete button, then it leaves the grid.
I don't want it to be going through the delete buttons row by row. Any ideas on what I can try?
I have a context menu attached to a kendo ui treeview.
When selecting a node in the treeview i trigger a $state.go and after this the context menu stops working.