or
1 answer
182 views
Hi,
We have a new requirement to cover in similar lines with the following link
http://jsfiddle.net/Rq7FH/
The Check All should be a button and should not have a check box. On clicking Check All, we should select all the items. The same item of the drop down should also show a button 'Done' on the right side to close the user selection.
Let me know if this can be achieved.
We have a new requirement to cover in similar lines with the following link
http://jsfiddle.net/Rq7FH/
The Check All should be a button and should not have a check box. On clicking Check All, we should select all the items. The same item of the drop down should also show a button 'Done' on the right side to close the user selection.
Let me know if this can be achieved.
Dimiter Madjarov
Telerik team
answered
on
10 Jun 2014
3 answers
251 views
Hi All:
I would like to display combobox/dropdownlist with multiple rows.
I would like it to display as follows:
This is being used as a navigation control on the left side of the form.
Phil
I would like to display combobox/dropdownlist with multiple rows.
<input id="combobox" /><script> $("#combobox").kendoComboBox({ dataSource: [ { id: 1, name: "Apples" }, { id: 2, name: "Oranges" }, { id: 3, name: "Grapes" }, { id: 4, name: "Bananas" } ], dataTextField: "name", dataValueField: "id" });</script>+--------------+| Apples || Oranges || Grapes || Bananas |+--------------+Phil
Kiril Nikolov
Telerik team
answered
on
10 Jun 2014
3 answers
1.0K+ views
I'm using the tooltip for validation purposes. I create tooltips when a form fails validation by hooking into jQuery validation.
Because it's for validation, I don't want the tooltips to disappear when the user clicks away from the input.
e.g. I have an input text box which has invalid data, and so I show the tooltip next to the input. When the user clicks away from the input, the tooltip is hidden. I want it to permanently stay shown.
I've tried overriding the hide() method with no success.
Code below:
$.validator.setDefaults({
showErrors: function (errorMap, errorList) {
$.each(this.validElements(), function (index, element) {
var tooltip = $(element).data("kendoTooltip");
if (tooltip) {
tooltip.destroy();
}
});
$.each(this.invalidElements(), function (index, element) {
var tooltip = $(element).data("kendoTooltip");
if (tooltip) {
tooltip.destroy();
}
});
$.each(errorList, function (index, error) {
var element = $(error.element);
element.addClass("input-validation-error");
var tooltip = element.kendoTooltip({
content: error.message,
hide: function() {} //! THIS DOESN'T OVERRIDE!
}).data("kendoTooltip");
tooltip.show(element);
});
}
});
Because it's for validation, I don't want the tooltips to disappear when the user clicks away from the input.
e.g. I have an input text box which has invalid data, and so I show the tooltip next to the input. When the user clicks away from the input, the tooltip is hidden. I want it to permanently stay shown.
I've tried overriding the hide() method with no success.
Code below:
$.validator.setDefaults({
showErrors: function (errorMap, errorList) {
$.each(this.validElements(), function (index, element) {
var tooltip = $(element).data("kendoTooltip");
if (tooltip) {
tooltip.destroy();
}
});
$.each(this.invalidElements(), function (index, element) {
var tooltip = $(element).data("kendoTooltip");
if (tooltip) {
tooltip.destroy();
}
});
$.each(errorList, function (index, error) {
var element = $(error.element);
element.addClass("input-validation-error");
var tooltip = element.kendoTooltip({
content: error.message,
hide: function() {} //! THIS DOESN'T OVERRIDE!
}).data("kendoTooltip");
tooltip.show(element);
});
}
});
Kiril Nikolov
Telerik team
answered
on
10 Jun 2014
3 answers
700 views
Hello ,
I have a Kendo dropdownlist which has items like "Hello Mr. %1 ", "Welcome %1" etc. I Display in kendowindow a TextBox for Username Input and then this Dropdown. When i enter a Name in username field and then cloick on Dropdown i should replace %1 with username in the Open Event so Dropdown Displays Hello Mr. Username. I would like to achieve this in JQuery.
$("#Briefanrede").data("kendoDropDownList").bind("open", function () {
});
Thanks
Anamika
I have a Kendo dropdownlist which has items like "Hello Mr. %1 ", "Welcome %1" etc. I Display in kendowindow a TextBox for Username Input and then this Dropdown. When i enter a Name in username field and then cloick on Dropdown i should replace %1 with username in the Open Event so Dropdown Displays Hello Mr. Username. I would like to achieve this in JQuery.
$("#Briefanrede").data("kendoDropDownList").bind("open", function () {
});
Thanks
Anamika
Alexander Valchev
Telerik team
answered
on
10 Jun 2014
3 answers
867 views
I have the need that I trigger a scroll to bottom once a new line gets added to the listview. This should be triggered by code but so far I have not found a good solution.
So far my solution is:
scrollViewToBottom: function (view) {
var scroller = view.scroller;
console.log("scrollheight " + scroller.scrollHeight() + " height: " + scroller.height());
var offset = scroller.height();
if (offset == 0)
offset = 100;
scroller.scrollTo(0, scroller.scrollHeight() * -1 + offset);
},
but this does not work in most scenarious because scroller.scrollHeight and scroller.height don't seem to be initialized.
Is there any better solution to this?
Christoph
So far my solution is:
scrollViewToBottom: function (view) {
var scroller = view.scroller;
console.log("scrollheight " + scroller.scrollHeight() + " height: " + scroller.height());
var offset = scroller.height();
if (offset == 0)
offset = 100;
scroller.scrollTo(0, scroller.scrollHeight() * -1 + offset);
},
but this does not work in most scenarious because scroller.scrollHeight and scroller.height don't seem to be initialized.
Is there any better solution to this?
Christoph
Kiril Nikolov
Telerik team
answered
on
10 Jun 2014
2 answers
976 views
I'm using a filter and setting the title attribute on an element, but the original title is appearing.
I find that I need to also do this:
$elem.data(kendo.ns + 'title', newTitle);
... for the new title to appear in the tooltip. However, IF I force a different tooltip to appear first, then my updated title attribute is displayed.
Seems to me that in _show, a test should be made to check if the title attribute has changed;
if (!current || current[0] != target[0] || _hasNewContent(target)) {
that._appendContent(target);
that.popup.options.anchor = target;
}
_hasNewContent can compare the current title attribute to the value that's been saved off and, if different, reset the content.
I find that I need to also do this:
$elem.data(kendo.ns + 'title', newTitle);
... for the new title to appear in the tooltip. However, IF I force a different tooltip to appear first, then my updated title attribute is displayed.
Seems to me that in _show, a test should be made to check if the title attribute has changed;
if (!current || current[0] != target[0] || _hasNewContent(target)) {
that._appendContent(target);
that.popup.options.anchor = target;
}
_hasNewContent can compare the current title attribute to the value that's been saved off and, if different, reset the content.
1 answer
206 views
I can select a tab no problem by using tabStrip.activateTab(tabElement);
However, the color is not the regular selected tab color. I actually have to click it to make it get styled properly.
Is there any easy way to trigger this behavior?
However, the color is not the regular selected tab color. I actually have to click it to make it get styled properly.
Is there any easy way to trigger this behavior?
Dimo
Telerik team
answered
on
09 Jun 2014
1 answer
315 views
Hello there,
I am only using the month view for my Scheduler and i would like to disable public holidays and some other special days in the calendar and give these days a particular background color setting.
Is this possible?
Thanking you,
Chandra
I am only using the month view for my Scheduler and i would like to disable public holidays and some other special days in the calendar and give these days a particular background color setting.
Is this possible?
Thanking you,
Chandra
Alexander Popov
Telerik team
answered
on
09 Jun 2014
3 answers
185 views
Hi,
I am sending an ajax request inside datasource update method. How can stay in edit mode if this request fails ?
Following is a sample code snippet of mine .
this._datasource = new kendo.data.DataSource({
transport: {
create: create,
read: read,
update: update,
destroy: destroy
}
})
function update(options) {
that._api.put(resource, inputData)
.done(function (data) {
})
.fail(function (error) {
that._datasource.cancelChanges();
});
}
I am sending an ajax request inside datasource update method. How can stay in edit mode if this request fails ?
Following is a sample code snippet of mine .
this._datasource = new kendo.data.DataSource({
transport: {
create: create,
read: read,
update: update,
destroy: destroy
}
})
function update(options) {
that._api.put(resource, inputData)
.done(function (data) {
})
.fail(function (error) {
that._datasource.cancelChanges();
});
}
Petur Subev
Telerik team
answered
on
09 Jun 2014
4 answers
201 views
Are the Kendo UI Dataviz components supported on IE7/IE8. As far as I can tell, they seem to be using SVG for rendering, which is not supported by IE7/IE8. I tried this example: http://demos.telerik.com/kendo-ui/area-charts/index. It does not work on IE7 (emulation mode on IE11). Surprisingly it works in IE8 (emulation mode) although IE8 does not support SVG - I don't understand that part!
T. Tsonev
Telerik team
answered
on
09 Jun 2014
