Telerik Forums
Kendo UI for jQuery Forum
4 answers
244 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
520 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
128 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.9K+ 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
142 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
139 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
85 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
66 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
89 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
335 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
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
MultiColumnComboBox
Dialog
Chat
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
TextArea
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
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
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?