Telerik Forums
Kendo UI for jQuery Forum
7 answers
128 views
Hi,

Since upgrading to the 2014.1.318 build from the 2013.3.1324 build, when I click on a view link in my drawer, I am noticing a skip or flicker as the drawer closes and view is displayed. It is driving me crazy trying to figure out what is causing this.

I am viewing my test page on mobile safari on the iPhone simulator as well as iPhone5. Has anyone else noticed it as well?

Here is a test page with the 2014.1.318 build
http://serenekhaos.com/temp/drawer/index.php?version=2014.1.318

Here is a test page with the 2013.3.1324 build
http://serenekhaos.com/temp/drawer/index.php?version=2013.3.1324

Thank you for any help.
Kelvin
Kiril Nikolov
Telerik team
 answered on 30 Jan 2015
3 answers
433 views
I am attempting to display the Kendo Editor on a simple form however despite the fact there are no errors the editor does not display.  The following shows the HTML for the page and the script to display the Editor;

Angular view;

01.@{
02.    ViewBag.Title = "Project Controls Reporting - Report Options";
03.    Layout = null;
04.}
05.<!DOCTYPE html>
06.<html ng-app="reportFormsApp">
07.<head>
08.    <meta charset="utf-8" />
09.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
10.    <title>@ViewBag.Title</title>
11. 
12.    @Styles.Render("~/Content/css")
13. 
14.    <link rel="stylesheet" href="~/Content/kendo/kendo.common.min.css" />
15.    <link rel="stylesheet" href="~/Content/kendo/kendo.default.min.css" />
16.    <link rel="stylesheet" href="~/Content/kendo/kendo.dataviz.min.css" />
17.    <link rel="stylesheet" href="~/Content/kendo/kendo.dataviz.default.min.css" />
18.    <link rel="stylesheet" href="~/Content/kendo/kendo.default.mobile.min.css" />
19. 
20.    @Scripts.Render("~/bundles/modernizr")
21. 
22.    <script src="~/Scripts/jquery-1.10.2.js"></script>
23.    <script src="~/Scripts/angular.js"></script>
24.    <script src="~/Scripts/angular-route.js"></script>
25.    <script src="~/Scripts/angular-ui/ui-bootstrap-tpls.js"></script>
26.    <script src="~/Scripts/kendo/kendo.all.min.js"></script>
27. 
28.    <script src="~/App/ReportFormsApp.js"></script>
29.    <script src="~/App/DataService.js"></script>
30.    <script src="~/App/ValidationDirective.js"></script>
31. 
32.    <script src="~/App/ReportForm/rfController.js"></script>
33.    <script src="~/App/ReportForm/rfDirective.js"></script>
34.</head>
35. 
36.<body>
37.    <div class="navbar navbar-default navbar-fixed-top">
38.        <div class="container">
39.            <div class="navbar-header">
40.                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
41.                    <span class="icon-bar"></span>
42.                    <span class="icon-bar"></span>
43.                    <span class="icon-bar"></span>
44.                </button>
45.            </div>
46.            <div class="navbar-collapse navbar-default collapse">
47.                <img class="navbar-left" height="50" src="/Images/Origin_100x143.jpg" />
48. 
49.                <p class="navbar-brand">Project Controls Reporting</p>
50. 
51.                <img class="navbar-right" height="50" src="/Images/APLNG_143x143.jpg" />
52. 
53.                <ul class="nav navbar-nav">
54.                    <li><a href="index">Home</a></li>
55.                    <li><a href="dashboard">Options</a></li>
56.                    <li><a href="ReportForm/Shared.html">Reporting</a></li>
57.                    <li><a href="analysis">Analysis</a></li>
58.                </ul>
59.            </div>
60.        </div>
61.    </div>
62. 
63.    <div class="container body-content">
64.        <ng-view>
65. 
66.        </ng-view>
67. 
68.        <div id="footer" class="row">
69.            <hr />
70.            <div class="col-sm-6">
71.                <p class="text-muted credit">  Â© Origin Energy Pty Ltd</p>
72.            </div>
73. 
74.            <div class="col-sm-6">
75.                <p class="text-muted credit pull-right">@User.Identity.Name</p>
76.            </div>
77.        </div>
78.    </div>
79. 
80.    <script src="~/App/ReportForm/rfKendo.js"></script>
81.</body>
82.</html>

Angular template;

01.<div class="lead">
02.    <h4>Internal Monthly Cost and Progress Report</h4>
03.</div>
04. 
05.<form name="rptForm" role="form" class="form-horizontal" novalidate>
06.    <fieldset>
07.        <legend>Report Text</legend>
08. 
09.        <!-- Report Version -->
10.        <div class="form-group" show-errors>
11.            <label for="cboVersions" class="col-sm-2 control-label">Version</label>
12. 
13.            <div class="col-sm-6">
14.                <select id="cboVersions" name="cboVersions" autofocus class="form-control"
15.                        ng-model="rptVersionId"
16.                        ng-options="version.id as version.rptDate for version in rptVersions"
17.                        ng-required="true"
18.                        ng-change="updateRptVersion()"></select>
19.            </div>
20. 
21.            <div class="col-sm-4">
22.                <alert type="danger" class="help-block" ng-if="rptForm.cboVersions.$error.required">Report version is required</alert>
23.            </div>
24.        </div>
25. 
26.        <!-- Report Section -->
27.        <div class="form-group" show-errors>
28.            <label for="cboSections" class="col-sm-2 control-label">Section</label>
29. 
30.            <div class="col-sm-6">
31.                <select id="cboSections" name="cboSections" class="form-control"
32.                        ng-model="rptSectionId"
33.                        ng-required="true"
34.                        ng-options="section.id as section.caption for section in rptSections"
35.                        ng-change="updateRptSection()"></select>
36.            </div>
37. 
38.            <div class="col-sm-4">
39.                <alert type="danger" class="help-block" ng-if="rptForm.cboSections.$error.required">Report section is required</alert>
40.            </div>
41.        </div>
42. 
43.        <!-- Report Text -->
44.        <div class="form-group" show-errors>
45.            <label for="txtNarrative" class="col-sm-2 control-label">Section Text</label>
46. 
47.            <div class="col-sm-10" ng-class="{'has-error' : rptForm.txtNarrative.$invalid && rptForm.txtNarrative.$dirty}">
48.                <textarea id="txtNarrative" name="txtNarrative" class="form-control" rows="20" ng-model="rptSectionText.narrative" ng-required="true"></textarea>
49.            </div>
50. 
51.            <div class="col-sm-offset-2 col-sm-10">
52.                <alert type="danger" class="help-block" ng-if="rptForm.txtNarrative.$error.required">Report text is required</alert>
53.            </div>
54.        </div>
55. 
56.        <div class="pull-right">
57.            <input type="submit" class="btn btn-success" value="Save" ng-click="submitForm()" title="Save any changes made to the report text" />
58.            <input type="button" class="btn btn-default" value="Cancel" ng-click="cancelForm()" title="Discard any changes made to the report text" />
59.            <input type="reset" class="btn btn-warning" value="Clear" ng-click="clearForm()" title="Discard any changes made to the report text and clear the fields" />
60.        </div>
61.    </fieldset>
62.</form>

rfKendo.js;

1.$(document).ready(function () {
2.    $("#txtNarrative").kendoEditor();
3.});

The form displays correctly except for the Kendo Editor control - the textarea continues to be displayed.

Any help would be greatly appreciated.
Kiril Nikolov
Telerik team
 answered on 30 Jan 2015
3 answers
785 views
In our project, we have attached some events to the grid's dataSource.
We are having inconsistent behavior and the only difference between the code is the normal and minified version.

This is what we are doing:

- Create the grid with autoBind disabled
- Update the options of the grid (with some other settings) and set autoBind enabled this time
- We add an item and we press save (which calls the grid.saveChanges()) method.

In the normal version everything is working as expected (we have eventlisteners attached to the requestStart and requestEnd event of the dataSource and they work perfectly).
However, in the minified version, it does not work as it does with the normal version. Our eventlisteners (requestStart and requestEnd) never get called.

Is there any report open about this issue?
I would love to create a Dojo about this issue, but I'm unable to insert an item into your example datasource.

Regards
Alexander Valchev
Telerik team
 answered on 30 Jan 2015
1 answer
140 views
Hello,

I am attempting to create new data elements using drag and drop. When I add shapes directly to the diagram in the drop function and set the position the shape shows up at the expected location. However, I want to be able to create new data items and add them to the data source instead. I use the change function to set the position of the new element when it is added, however after this event fires the diagram reorders all of the elements in a line. I have created a sample in the Dojo: http://dojo.telerik.com/iMoja

Is there a property that I need to set to ensure this doesn't happen?

Thanks
Daniel
Telerik team
 answered on 30 Jan 2015
9 answers
342 views
I need to know how to build a multi-level menu from an XML data source.   Right now the child elements are appearing in the main level.

My JavaScript:
var template_navigation_menu = kendo.template('<li><a href="#=url#" target="#=target#" title="#=title#">#=text#</a></li>');

var navigation_menu = $("#navigation_menu").kendoMenu();
$(document).ready(function () {
    function navigation_menu_render()
    {
        $("#navigation_menu").html(kendo.render(template_navigation_menu, this.view()));
    }
 
    var datasource_navigation_menu = new kendo.data.DataSource(
    {
        transport:
        {
            read: "xml/navigation" + get_culture_path_modifier() + ".xml"
        },
        schema:
        {
            type: "xml",
            data: "/navigation/menu/item",
            model:
            {
                fields:
                {
                    item_id: "item_id/text()",
                    parent_id: "parent_id/text()",
                    text: "text/text()",
                    url: "url/text()",
                    target: "target/text()",
                    title: "title/text()",
                    google_sitemap_priority: "google_sitemap_priority/text()",
                    google_sitemap_frequency: "google_sitemap_frequency/text()",
                    main_inclusion: "main_inclusion/text()",
                    footer_inclusion: "footer_inclusion/text()"
                }
            }
        },
        change: navigation_menu_render
    });
 
    datasource_navigation_menu.filter({ field: "main_inclusion", operator: "eq", value: "true" });
    datasource_navigation_menu.read();
});


My XML Data Source:
<?xml version="1.0" encoding="utf-8" ?>
<navigation>
    <menu>
        <item>
            <item_id>1</item_id>
            <parent_id>0</parent_id>
            <text>Home</text>
            <url>/</url>
            <target>_top</target>
            <title>Click here to return to the Home Page.</title>
            <google_sitemap_priority>1.0</google_sitemap_priority>
            <google_sitemap_frequency>daily</google_sitemap_frequency>
            <main_inclusion>true</main_inclusion>
            <footer_inclusion>true</footer_inclusion>
        </item>
    </menu>
    <menu>
        <item>
            <item_id>2</item_id>
            <parent_id>0</parent_id>
            <text>Item 1</text>
            <url>/item.html</url>
            <target>_top</target>
            <title>Click here to view item 1.</title>
            <google_sitemap_priority>0.8</google_sitemap_priority>
            <google_sitemap_frequency>daily</google_sitemap_frequency>
            <main_inclusion>true</main_inclusion>
            <footer_inclusion>true</footer_inclusion>
        </item>
    </menu>
    <menu>
        <item>
            <item_id>3</item_id>
            <parent_id>0</parent_id>
            <text>Item 2</text>
            <url>/item.html</url>
            <target>_top</target>
            <title>Click here to view item 2.</title>
            <google_sitemap_priority>0.5</google_sitemap_priority>
            <google_sitemap_frequency>daily</google_sitemap_frequency>
            <main_inclusion>true</main_inclusion>
            <footer_inclusion>true</footer_inclusion>
        </item>
    </menu>
    <menu>
        <item>
            <item_id>4</item_id>
            <parent_id>0</parent_id>
            <text>Item 3</text>
            <url>/item.html</url>
            <target>_top</target>
            <title>Click here to view item 3.</title>
            <google_sitemap_priority>0.8</google_sitemap_priority>
            <google_sitemap_frequency>weekly</google_sitemap_frequency>
            <main_inclusion>true</main_inclusion>
            <footer_inclusion>true</footer_inclusion>
        </item>
    </menu>
    <menu>
        <item>
            <item_id>5</item_id>
            <parent_id>0</parent_id>
            <text>Footer-Only Item 1</text>
            <url>/item.html</url>
            <target>_blank</target>
            <title>Click here to view item.</title>
            <google_sitemap_priority>0.3</google_sitemap_priority>
            <google_sitemap_frequency>monthly</google_sitemap_frequency>
            <main_inclusion>false</main_inclusion>
            <footer_inclusion>true</footer_inclusion>
        </item>
    </menu>
    <menu>
        <item>
            <item_id>6</item_id>
            <parent_id>0</parent_id>
            <text>Footer-Only Item 2</text>
            <url>/item.html</url>
            <target>_blank</target>
            <title>Click here to view item.</title>
            <google_sitemap_priority>0.3</google_sitemap_priority>
            <google_sitemap_frequency>monthly</google_sitemap_frequency>
            <main_inclusion>false</main_inclusion>
            <footer_inclusion>true</footer_inclusion>
        </item>
    </menu>
    <menu>
        <item>
            <item_id>7</item_id>
            <parent_id>0</parent_id>
            <text>Item 4</text>
            <url>/item.html</url>
            <target>_top</target>
            <title>Click here to view item.</title>
            <google_sitemap_priority>0.3</google_sitemap_priority>
            <google_sitemap_frequency>monthly</google_sitemap_frequency>
            <main_inclusion>true</main_inclusion>
            <footer_inclusion>true</footer_inclusion>
        </item>
    </menu>
    <menu>
        <item>
            <item_id>8</item_id>
            <parent_id>7</parent_id>
            <text>Item 4 - Sub Item 1</text>
            <url>/subitem.html</url>
            <target>_top</target>
            <title>Click here to view sub item.</title>
            <google_sitemap_priority>0.3</google_sitemap_priority>
            <google_sitemap_frequency>monthly</google_sitemap_frequency>
            <main_inclusion>true</main_inclusion>
            <footer_inclusion>true</footer_inclusion>
        </item>
    </menu>
</navigation>
Ashok
Top achievements
Rank 1
 answered on 30 Jan 2015
2 answers
241 views

Hello,

We have a Kendo Grid UI that is databound with a remote JSON.
We want to use the build-in Popup window to add and edit a row.
Now there is one value that needs to be bound to a treeview.
The treenode with the ID of the databound Item should be preselected.
The new value of the selected node should be submitted to the webservice.
Neither is happening.

The TreeView is correctly shown. But is not selecting the right node.



Here my code :
/*
1 PART of the Grid
*/

editable: {
                    mode: "popup",
template: kendo.template($("#popup-editor-werkaanvraag").html())
                    },
  edit: function(e){
  var inlineDefault = new kendo.data.HierarchicalDataSource({
                                data: [
                                    {text: "KK",id:0, items: [
                                            {text: "Hoofdgebouw",id:150},
                                            {text: "Pav 1",id:151},
                                            {text: "Pav 2",id:152}
                                        ]},
                                    {text: "SRF",id:1, items: [
                                            {text: "Bed Linen",id:154},
                                            {text: "Curtains & Blinds",id:155},
                                            {text: "180",id:180}
                                        ]}
                                ]
                            });
         }
  var treeview = e.container.find(".nested-treeview").kendoTreeView({
                                dataSource: inlineDefault
                            });

     } 


/*
2 PART of the Template
*/

  <script id="popup-editor-werkaanvraag" type="text/x-kendo-template"> 
<div style="width:800px" date-role="treeview" class="nested-treeview"  data-bind="value:locatie_id" ></div>
  </script>

Gert
Top achievements
Rank 1
 answered on 30 Jan 2015
5 answers
601 views
I have an application that has many grids in it.
Basically, a single script needs to be called every time dataBound has been called without exception. 
How can I accomplish this?
It would be nice to be able to override the dataBound event for all the grids.
A simple solution would be a chain where my method would call the base implementation.
Dimo
Telerik team
 answered on 30 Jan 2015
6 answers
2.0K+ views
I am attempting to put a 'Step' onto a NumericTextBoxFor.  Intellisense tells me to use a decimal value; however, using a decimal value throw an error:

@Html.Kendo().NumericTextBoxFor(model => model.MyProperty).Step(0.01)
It doesn't like the 0.01.  If I put an integer value (ex: 1), it does not give an error.  Why does it not like the decimal values?  
Alexander Popov
Telerik team
 answered on 30 Jan 2015
2 answers
301 views
Hi to all Telerik Team,

Good day!

I would like to ask about my issue in Kendo Upload Progress Bar, I'm using 1E-11, and progress bar is working,
but sometimes, if didn't touch the browser for 3 minutes and start to upload a file, the progress bar percentage value become 105%
and it hangs and never finished. But when I refresh the browser and try to upload the file again it works well.

Can you provide me a solution for this? I really need to finish this task.

Thank you and God bless.
Dimiter Madjarov
Telerik team
 answered on 30 Jan 2015
1 answer
592 views
Hi All;
I am using server side paging and I set my grid to show column sum at the column`'s footer. However, it calculates the sum data for each page. I want to calculate it for all page at once and show it in footer.
Is there a solution to do this?
Petur Subev
Telerik team
 answered on 30 Jan 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
Drag and Drop
Map
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
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?