Telerik Forums
Kendo UI for jQuery Forum
4 answers
231 views
Inside mobile views controlled by a tab bar. I have been unable to make drag and drop work. As soon as I remove all the mobile views drag and drop works. Is this a feature or am I missing something?

Thanks/Anker
Sebastian
Telerik team
 answered on 05 Feb 2014
1 answer
496 views
Our project is using the pop-up editor from a grid.  Our target is IE8.
Kendo version: 2013.3.1316.440 (as well as previous versions)
 
@(Html.Kendo().Grid<OurVieModel>()
    .Name("grid")
    .Columns(columns =>
    {

    })
    .Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("OurTemplate").Window(w => w.Title("Add/Edit")))
 
 
Our template is defined as (trimmed for readability):
@(Html.Kendo().Editor()
.Name("OurValue")
.HtmlAttributes(new { style = "width: 573px;height:240px" })
.Tools(tools => tools
.Clear()
.Bold()
))
 
We are finding that whenever we apply a BOLD style to our text in the editor (or any other formatting applied from the toolbar), the Update function does not respond.  It will act as if it is clicked, but no action.  Cancel, however, always works.  Oddly, removing all bolding from the text allows Update to function again.    
 
We also found that hitting the enter key and putting a few lines in the text produces the same non-action state for the Update button.

Replacing Kendo Editor with a text area works without issue.  Viewing and editing the text within the Kendo Editor without applying any styles works without issue. The issue appears specific to the styling applied by the Editor.

No call is being made back to the controller when the update button is in this non-functional state. A call is made if a style is not applied.

Any insight or workaround to this issue?
 
Thanks!
Alexander Popov
Telerik team
 answered on 05 Feb 2014
1 answer
104 views
we have problems on some devices running Android 4.1 with distorted or sheared rendering

Hybrid application is composed as Cordova 3.3 container and Kendo Mobile application.
There's pixel grade distortion on some application screens. It seems but not proven that it happens on screens with scrollable portions, but distortion appears whenever scroller is active or not.

See pictures below.If attention is payed to symptoms it seems that distortion appears as classic division problem - eg. if physical width is 399px and algorithm computes with 400px width, this causes the same distortion when drawing lines - I just want to point to similar symptom.

Environments we tested:
cordova 2.9, 3.3
Android 4.1, 4.3 (on 4.3 the problem does not appear)
Kendo Mobile 2.3

Project parameters:
cordova 3.3
Android 4.1.2, API level 16
hardware acceleration on
<meta name="viewport" content="height=device-height,width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

Any help is appreciated, since the problem is long-lasting and occurs on some Motorola devices as far as on some Hyuawei Ascend devices so it seems it can occur on any other devices.

Honestly, this happens also in ExtJS application, so it is more complex problem.
But as I said,  any help is appreciated

Also described here http://stackoverflow.com/questions/21569522/distorted-pixels-rendered-in-webview-on-android-cordova-3-3-kendomobile-senc

Thanks

Kiril Nikolov
Telerik team
 answered on 05 Feb 2014
4 answers
1.8K+ views
It would appear that attempting to use a RowAction (to highlight certain rows) is not working in a grid that uses Ajax binding.  I need to use Ajax binding because of the virtual scrolling.

Code:
@(Html.Kendo().Grid(Model.userMasterList)
    .Name("userMasterGrid")
    .Columns(col =>
    {
        col.Bound(c => c.userName);
        col.Bound(c => c.securityLevel);
        col.Bound(c => c.name);
        col.Bound(c => c.sifEmailInd).ClientTemplate("<input type='checkbox' #= sifEmailInd ? 'checked=checked': '' # disabled='disabled' ></input>");
        col.Bound(c => c.activeInd).ClientTemplate("<input type='checkbox' #= activeInd ? 'checked=checked': '' # disabled='disabled' ></input>");
        col.Bound(c => c.lastLoginDate);
        col.Bound(c => c.lastUpdatedDate);
        col.Bound(c => c.userId);
        col.Bound(c => c.leaNumber).Hidden(true);
    }
    )
    .Scrollable(scrollable => scrollable.Virtual(true))
    .Sortable()
    .Selectable(selectable => selectable.Mode(GridSelectionMode.Single))
    .HtmlAttributes(new { style = "height:350px;" })
    .Events(events => events.Change("onChange"))
    .DataSource(dataSource => dataSource
        .Ajax()
        .Read(read => read.Action("UserMaster", "Account"))
        .Model(model => model.Id(i => i.userId))
        )
    .RowAction(row =>
        {
            if (!row.DataItem.activeInd)
            {
                row.HtmlAttributes["class"] = "inactiveUser";
            }
        }
        )
    )

Any help would be appreciated

Robert
Jan Olsmar
Top achievements
Rank 1
 answered on 05 Feb 2014
1 answer
134 views
I'm able to pull up data that is existing in my Everlive DB by putting in the API key. But have no clue on how to bind the 'add', 'edit', 'delete', and have the changes saved to the database. Any ideas?
Atanas Korchev
Telerik team
 answered on 05 Feb 2014
1 answer
124 views
How can I set the height of the Stockchart Navigator?

Here is my current code, however setting height of 30 obviously doesn't work:

        navigator: {
            height:30,
            series: {
                type: "area",
                field: "Sales"
            },
            select: {
                from:pastDate,
                to:currentDateString
            }
        },


Any assistance would be appreciated. Thanks.
Justin
Iliana Dyankova
Telerik team
 answered on 05 Feb 2014
1 answer
72 views
I am following the MVVM SPA pattern using kendo views and kendo router. Also, I am using RequireJS to load my js modules and html templates.

One of my templates is a simple kendo.Grid:

<DIV id="a-grid"
data-role="grid"
data-bind="source: source, events: { dataBound: dataBound, change: change }"
data-columns='[
{ "field": "aID", "title": "A", template: "#=aName( aID )#", editor: aEditor }]'>
</DIV>

It binds correctly to the source, event functions, and displays data. 
I got to work the template function by defining it in the window context:

window.aName = function ( aID ) { ... return name; };
Although, I don't like putting it into global context.

How can I define the editor and template functions in my js modules?

Thanks,

Greg.
Alexander Valchev
Telerik team
 answered on 05 Feb 2014
1 answer
41 views
I know Telerik is working on a fix for this but I wanted to post it here in the forums to help others that may run into this as well...

Basically I'm waiting for an internal build to fix this issue for me:

I have an Icenium / App Builder project that is using the latest version of Kendo UI Mobile.

As can be seen in the screenshot from the demo kendo ui icenium app when I run it on my iPad and tap an input for the username it pushes the screen pushes way up and the inputs are gone.

This doesn't happen in the simulator only on an actual iPad device.

It also doesn't happen on iPhones.

All running ios7....

Any idea what's going on or how I can fix this?

Thanks,
Nathan
Kiril Nikolov
Telerik team
 answered on 05 Feb 2014
1 answer
79 views
Is it possible to make the scheduler display in the following manner (or approximate) ?

                | 01 | 02 | 03 | 04 |  ...... 31 days                   |31|
-------------------------------------------------------------------------------
January   |Mo | Tu | We| Th  |  .......
February |Sa  | Su | Mo| Tue| ..........

If this isnt possible, whats the closest approximation that can be achieved?
Thanks in advance.
Rosen
Telerik team
 answered on 05 Feb 2014
1 answer
323 views
Hi,

I try to bind data on a select list in a template with this code


var oPersonForm =<br>[<br>    { Key: "Type", Type: "select", Label: "Type", HightLight: false, Values: [{ Key: "Type1", Value: "Type1" }, { Key: "Type2", Value: "Type2" }, { Key: "Type3", Value: "Type3" }] }<br>];<br><br>$(function ()<br>{<br>    Data.Person = {<br><br>        dsFields: new kendo.data.DataSource({<br>            transport: {<br>                read: function (options)<br>                {<br>                    options.success(oPersonForm);<br>                }<br>            }<br>        }),


<div id="personViewForm" data-role="content"><br>        <ul id="lsFields" data-role="listview" data-style="inset" data-template="ul-fromPersonTemplate" data-bind="source: dsFields"></ul><br>   </div><br><br>    <script><br>        var viewModel = kendo.observable({<br>            dsFields: Data.Person.dsFields<br>        });<br><br>        kendo.bind($("ul"), viewModel);<br>    </script><br><br><script id="ul-fromPersonTemplate" type="text/x-kendo-template"><br>    <span data-bind="text:Label"></span><br><br>    #if (Type == 'checkbox') {#<br>    <input type="checkbox" <br>            data-role="switch" <br>            name="#: Key #" <br>            data-checked="#: oPerson[Key] #" /><br>    #} else if(Type == 'select') {#<br>    <select <br>            name="#: Key #" <br>            data-value-field="Key" <br>            data-text-field="Value" <br>            data-bind="value : "Type1", source: this.Values"></select><br>    #} else {#<br>    <input type="#: Type #" <br>            name="#: Key #" <br>            value="#: oPerson[Key] #" /><br>    # } #<br></script><br>

But i have a javascript erreor and i don't undersand why, this is the error :

Uncaught TypeError: Cannot read property 'length' of null (index):1
r (index):1
s (index):1
s (index):1
F.widget.source.v.extend.itemChange (index):1
b.isFunction.i jquery-1.9.1.js:7223
n.extend.trigger (index):1
(anonymous function) (index):1
_.extend._renderItems (index):1
_.extend.insertAt (index):1
_.extend.replace (index):1
g.Class.extend.refresh (index):1
_refreshHandler (index):1
n.extend.trigger (index):1
ut.extend.query (index):1
ut.extend._query (index):1
(anonymous function) (index):1
b.extend.Deferred jquery-1.9.1.js:7541
ut.extend.fetch (index):1
_.extend.setDataSource (index):1
F.widget.source.v.extend.refresh (index):1
D.extend.bind (index):1
w.extend.applyBinding (index):1
w.extend.bind (index):1
s (index):1
a (index):1
h (index):1
_.extend.init (index):1
dt.initWidget (index):1
(anonymous function) (index):1
b.extend.each jquery-1.9.1.js:7123
b.fn.b.each jquery-1.9.1.js:6735
dt.init (index):1
ht.init (index):1
d.extend._model (index):1
d.extend.init (index):1
dt.initWidget (index):1
F.extend._createView (index):1
F.extend.append (index):1
(anonymous function) (index):1
c jquery-1.9.1.js:7341
p.fireWith jquery-1.9.1.js:7403
k jquery-1.9.1.js:9597
r
Petyo
Telerik team
 answered on 05 Feb 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?