Telerik Forums
Kendo UI for jQuery Forum
2 answers
379 views

Hi Team,

I have used Kendo UI Js calender control for my project. i want to show the scheduled events on particular data on calendar control.

ex: if Movie, Play  events will happen on some date[12-05-2015,mm-dd-yyyy] , i have to display these events on scheduled date on calendar control.

 Here attached my exact template . Let me know, this functionality available in Kendo UI calender control. if possible means , suggest the code to achieve this.

 

Dimitar
Telerik team
 answered on 27 Nov 2015
1 answer
288 views

 in firefox and mobile browser, Chinese character can not trigger  filter event。

I found that  jquery.autocomplete has the same bug...

following is the text ....

~~~~~~~~~~~~~~~~~~~~~~~~~~~~

But the only regret is that the Chinese input method in the open, firefox3.0 the Chinese Pinyin is the automatic matching, while the input is triggered after the time the Chinese can not match; and under my IE6.0, but not in problem.

Analysis:
Autocomplete plugin on the user input characters trigger automatically match by "keydown" events of (can be analyzed jquery.autocomplete.js 92 lines), in IE6, when the input is open, enter the characters will not trigger "keydown ", only Chinese input is finished before the trigger, so the Chinese text input and latin no difference; But in firefox3.0, no matter whether the input open, keys will trigger the" keydown "event, with the result that Chinese input is completed, automatically match is just playing the part of the Chinese phonetic alphabet.

Before the amendment:

Solution:
Be found online at most practices are modified jquery.autocomplete.js 92 line, "keydown" replaced "keyup", but this is not a fundamental way, although such a change in firefox after the Chinese input in a timely manner to automatically match But the original plug-in Enter, tab and other important events mechanism destroyed, for example such a change, if your input is in a form in it, Enter the selected items from the original input to input directly into submission in form form, and this is not what we want.

Principle of my method is to add a plug-in triggered the original inquiry, which relates to occur when the input characters in the input field changed, re-query (called its internal onChange function), this is mainly for firefox, the most visited because of our system the IE and firefox. The input is just a change in firefox event is oninput, then we as long as the original jquery.autocomplete.js line 199, insert the following code:

Js code
. Bind ("input", function () (
/ / @ Hack by liqt: support for inputing chinese characters in firefox
onChange (0, true);
));

. Bind ("input", function () (
/ / @ Hack by liqt: support for inputing chinese characters in firefox
onChange (0, true);
)); Add the following into:

Js code
. Bind ("unautocomplete", function () (
select.unbind ();
$ Input.unbind ();
$ (Input.form). Unbind (". Autocomplete"). Bind ("input", function () (
/ / @ Hack by liqt: support for inputing chinese characters in firefox
onChange (0, true);
));
));

~~~~~~~~~~~~~~~~~~~

 

 

hope you can fix it ,thanks

 

 

 
 
 
 
Georgi Krustev
Telerik team
 answered on 27 Nov 2015
1 answer
137 views

When the pivotgrid is correctly connected to the cube the username is not displayed to the user. However, should either someone grab the HTML code and adjust the connection to an incorrect catalog/cube and then runs the adjusted code via their local IIS or should our cube no longer exist and the username/password be altered then users will be greeted with the default SOAP faultstring message:

 error: {"faulstring": Either the user, somedomain/someuser, does not have access to the somecube database, or the database does not exist", "faultcode":"XMLAnalysisError.0xc1180001"}

 Since this exposes the domain and username it publishes a vector for possible attack. We are attempting to just suppress this message but if necessary any and all SOAP faultstrings. Is this possible?

Georgi Krustev
Telerik team
 answered on 27 Nov 2015
2 answers
205 views

Hi,

I have a chart very similar to this.

http://demos.telerik.com/kendo-ui/scatter-charts/multiple-axes

What i need to do is while x-axis remain same position, i need to reverse(descending order values) y-axis values.

eg: Power should be starting from 160,140,120,100...so on.. and x-axis in same position starting with 0.

important : I must not take x-axis to top as it happens when 'reverse=true'

 

Your help is highly appreciated.

 

Thank you

 

Steven
Top achievements
Rank 1
 answered on 26 Nov 2015
2 answers
277 views

Hi,

 I develop a cordova application that runs on different devices. On Windows 10 it works ok but on IPhone i get the following error:

Error: Invalid template:'<div class="lk_mitteilungen_liste_mitteilingsliste_list_view_item" style="cursor: pointer;"><span class="data-id" ng-bind="dataItem.id" style="display: none;"></span><table class="db-layout" style="width: 100%;"><tbody><tr><td style="width: 100% !important; padding: 0px 5px 5px 0px;"><span id="lk_mitteilungen_titel" ng-bind="dataItem.titel" style=""></span></td></tr></tbody></table><table class="db-layout" style="width: 100%;"><tbody><tr><td style="width: 100% !important; padding: 0px 5px 5px 0px;"><span id="lk_mitteilungen_gueltig" ng-bind="dataItem.gueltig" style=""></span></td></tr></tbody></table><hr style="padding: 0px; margin: 0px; border: 0px; border-bottom: 1px solid #e6e6e6; height: 1px; width: 100%;"></div>' Generated code:'var $kendoOutput, $kendoHtmlEncode = kendo.htmlEncode;with(data){$kendoOutput='<div class="lk_mitteilungen_liste_mitteilingsliste_list_view_item" style="cursor: pointer;"><span class="data-id" ng-bind="dataItem.id" style="display: none;"></span><table class="db-layout" style="width: 100%;"><tbody><tr><td style="width: 100% !important; padding: 0px 5px 5px 0px;"><span id="lk_mitteilungen_titel" ng-bind="dataItem.titel" style=""></span></td></tr></tbody></table><table class="db-layout" style="width: 100%;"><tbody><tr><td style="width: 100% !important; padding: 0px 5px 5px 0px;"><span id="lk_mitteilungen_gueltig" ng-bind="dataItem.gueltig" style=""></span></td></tr></tbody></table><hr style="padding: 0px; margin: 0px; border: 0px; border-bottom: 1px solid ';e6e6e6; height: 1px; width: 100%;"></div>;$kendoOutput+=;}return $kendoOutput;'

 Here is my original Code for this site:

<kendo-list-view id="lk_mitteilungen_liste" k-data-source="termine" style="display: block; margin: 0px 0px 0px 0px;">
    <div  class="lk_mitteilungen_liste_mitteilingsliste_list_view_item" k-template style="cursor: pointer;">
        <span class="data-id" ng-bind="dataItem.id" style="display: none;"></span>
        <table class="db-layout" style="width: 100%;">
            <tbody>
                <tr>
                    <td style="width: 100% !important; padding: 0px 5px 5px 0px;"><span id="lk_mitteilungen_titel" ng-bind="dataItem.titel" style=""></span></td>
                </tr>
            </tbody>
        </table>
        <table class="db-layout" style="width: 100%;">
            <tbody>
                <tr>
                    <td style="width: 100% !important; padding: 0px 5px 5px 0px;"><span id="lk_mitteilungen_gueltig" ng-bind="dataItem.gueltig" style=""></span></td>
                </tr>
            </tbody>
        </table>
        <hr style="padding: 0px; margin: 0px; border: 0px; border-bottom: 1px solid #e6e6e6; height: 1px; width: 100%;" />
    </div>
</kendo-list-view>

 

What is wrong with the Template?

I use Kendo-UI with angularJS.

Johann
Top achievements
Rank 1
 answered on 26 Nov 2015
2 answers
1.3K+ views

I have a button that I want to have a FontAwesome icon before the text of Change:

 

<button  class="k-button" type="button" id="setFile">Change</button>

 Right now (in Chrome, on the Desktop) I find that I can do this:

 

$("#setFile").kendoButton({
    icon: "search"
});

And get one of the built in icons. But am already use the FA icons in other parts of the page, so they are loading properly. But I don't get your documetation on adding the FA icons. I tried this, but it was a blank icon: (Maybe it is there, but I have a MetroBlack theme and perhaps it is black?)

 

$("#setFile").kendoButton({
    spriteCssClass: "fa-car"   /* also tried "fa fa-car" */
});

 

Dr.YSG
Top achievements
Rank 2
 answered on 26 Nov 2015
1 answer
146 views

Hello,

How can I make the content inside the editor look the same when it's outside the editor?  For example, the user formats their information using the editor, we save the HTML to a database, then it is used to view on another webpage but the formatting is not completely the same.  I formatted some of the styles manually but there has to be an easier way because that is the point of an the editor?  It seems extra styles and classes are added to the editor that are not applied to the actual HTML.

Thanks,

Coty

Dimiter Topalov
Telerik team
 answered on 26 Nov 2015
1 answer
554 views

So, I have to add <br\> at end of the kendo editor content and move focus at last line. To achieve this I have added following code:

 @(Html.Kendo().EditorFor(model => model.PageContent)
                .Encode(false)
                .Tools(i=>i.CustomButton(cb=>cb.Name("CustomTool").ToolTip("Add New line at end").Exec(@<text>
                                                function(e)
                                                {
                                                  var editor = $(this).data("kendoEditor");
                                                    var getCurrentContent = editor.value();
                                                    editor.value(getCurrentContent+'<br\>');
                                                    editor.focus();
                                                    var range = editor.createRange();
                                                    range.selectNodeContents(editor.body);
                                                    range.collapse(false);
                                                    editor.selectRange(range);
                                                }  
                                              </text>)))

 I am not able to move focus to end line of the content. Any suggestion would be helpful. Thanks.

Ianko
Telerik team
 answered on 26 Nov 2015
5 answers
1.0K+ views

I am trying to get a grid working with paging.

As far as I understand, grid needs a total count of records and the data in a json array,

The array which is returned by the server call is in this format:

{"total":19,"data":[{"id":"15","user_id":"1","glucose_value":"109","post_prandial":null,"date":"2015-11-14","time":"04:30:00","created_at":"2015-11-14 04:00:00","updated_at":"2015-11-14 04:00:00","notes":"No lantus la sera prima","sys_test_types_id":"100","insulin_types_id":"0","insulin_value":"0","food_types_id":"0"},{"id":"17","user_id":"1","glucose_value":"84","post_prandial":null,"date":"2015-11-14","time":"13:30:00","created_at":"2015-11-14 12:30:28","updated_at":"2015-11-14 12:30:28","notes":"Basale 109. Fatta colazione no insulina","sys_test_types_id":"200","insulin_types_id":"0","insulin_value":"0","food_types_id":"0"},{"id":"19","user_id":"1","glucose_value":"127","post_prandial":null,"date":"2015-11-14","time":"19:30:00","created_at":"2015-11-14 18:28:53","updated_at":"2015-11-14 18:28:53","notes":"Latte di avena un'ora prima. 10 ui per cena","sys_test_types_id":"400","insulin_types_id":"0","insulin_value":"0","food_types_id":"0"},{"id":"21","user_id":"1","glucose_value":"142","post_prandial":null,"date":"2015-11-14","time":"22:00:00","created_at":"2015-11-15 06:04:13","updated_at":"2015-11-15 06:04:13","notes":"No lantus","sys_test_types_id":"500","insulin_types_id":"0","insulin_value":"0","food_types_id":"0"},{"id":"22","user_id":"1","glucose_value":"126","post_prandial":null,"date":"2015-11-15","time":"07:00:00","created_at":"2015-11-15 06:04:41","updated_at":"2015-11-15 06:04:41","notes":"No lantus la sera prima","sys_test_types_id":"100","insulin_types_id":"0","insulin_value":"0","food_types_id":"0"},{"id":"23","user_id":"1","glucose_value":"166","post_prandial":null,"date":"2015-11-15","time":"16:00:00","created_at":"2015-11-15 15:10:25","updated_at":"2015-11-15 15:10:25","notes":"14 UI a pranzo. Pranzo calorico.","sys_test_types_id":"300","insulin_types_id":"0","insulin_value":"0","food_types_id":"0"},{"id":"24","user_id":"1","glucose_value":"79","post_prandial":null,"date":"2015-11-15","time":"19:30:00","created_at":"2015-11-15 18:58:22","updated_at":"2015-11-15 18:58:22","notes":"Zuccheri a merenda","sys_test_types_id":"400","insulin_types_id":"0","insulin_value":"0","food_types_id":"0"},{"id":"25","user_id":"1","glucose_value":"85","post_prandial":null,"date":"2015-11-16","time":"10:30:00","created_at":"2015-11-16 10:07:37","updated_at":"2015-11-16 10:07:37","notes":"","sys_test_types_id":"100","insulin_types_id":"0","insulin_value":"0","food_types_id":"0"},{"id":"30","user_id":"1","glucose_value":"82","post_prandial":null,"date":"2015-11-16","time":"13:00:00","created_at":"2015-11-16 16:48:47","updated_at":"2015-11-16 16:48:47","notes":"Caff\u00e8 a colazione","sys_test_types_id":"200","insulin_types_id":null,"insulin_value":"0","food_types_id":null},{"id":"32","user_id":"1","glucose_value":"115","post_prandial":null,"date":"2015-11-16","time":"17:30:00","created_at":"2015-11-16 16:54:35","updated_at":"2015-11-16 16:54:35","notes":"Niente insulina a pranzo","sys_test_types_id":"300","insulin_types_id":null,"insulin_value":"0","food_types_id":null}]}

 While grid javascript is this:

$(document).ready(function () {
$("#grid").kendoGrid({
dataSource: { type: "json", transport: { read: "/getreportall" , },
schema: { data: "data", field of the response total: "total"
{ fields: { id: {type: "number"},
insulin_value: {type: "number"},
glucose_value: {type: "number"},
date: {type: "date"},
time: {type: "time"},   }
}
},
pageSize: 15,
serverPaging: true,
serverFiltering: true,
serverSorting: true },
height: 550,
filterable: true,
sortable: true,
pageable: true,
columns: [ { field: "date",
title: "Data",
format: "{0:dd/MM/yyyy}" },
{ field: "time",
title: "Ora" },
{ field: "glucose_value",
title: "Glicemia",
filterable: false },
{ field: "insulin_value",
title: "Insulina",
filterable: false },
] });
});

What am I missing to get his code working?

Thanks for your help

Paolo

Viktor Tachev
Telerik team
 answered on 26 Nov 2015
1 answer
447 views

Hi everyone, I'm trying to implement a click validation on the selection event for the treelist.

All I've fount is this inspering article http://www.telerik.com/forums/disable-treeview-selection 

Claiming the preventDefault would do the job.

So I've tried placing an avent in Select and selectable with no succes.

change is the only event triggering

executing e.preventDefault does run that script inside Kendo.all.js

var preventDefault = function() {

   this._defaultPrevented = true;
};

then the trigger function "return e._defaultPrevented === true;"

 but it seem that your change function will not listen to it.

 _change: function() {

   this.trigger(CHANGE);
 },

 It seem like a bug

Am i missing anything?

Marin
Telerik team
 answered on 26 Nov 2015
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?