Telerik Forums
Kendo UI for jQuery Forum
3 answers
1.5K+ views
Hi,
How can I change the Kendo Grid theme to Metro...

Thanks
Pham
Top achievements
Rank 1
 answered on 03 Jun 2015
1 answer
128 views

I have a column template set up to call a function like so:

 template: "<a onclick='Jump(${A}, \"${B}\");'>${C}</a>"

I want the cell to be empty (since I'm using a tooltip on the column as well and filtering out the empty cells), so I'm changing to a function call:

 template: "#= getGridJump(A,C,B) #"

 Where:

function getGridJump (A, C, B) {
    if (B=== null) {
        return ''
    } else {
        return '<a onclick="Jump(' + A+ ', "' + B + '");">' + C+ '</a>'
    }
}

I can see the correct values in the cell, but there's an additional space between the second argument that isn't there in the original template and the function does not fire. Am I missing some formatting on the return value?

Thanks.

Bryan
Top achievements
Rank 1
 answered on 02 Jun 2015
1 answer
218 views

Hello,

I have this dojo: http://dojo.telerik.com/@bhaidar/EsOsu/2

 

For some reason, the NumericTextBox is not rendering correctly. Any idea what might be the reason?

 

Thanks,
Bilal

Dimo
Telerik team
 answered on 02 Jun 2015
2 answers
280 views

Hi.

Here is my sample: http://dojo.telerik.com/opuzE

(please, view full screen).

I've read this article  and still cannot get proper rendering of tabstrip contents with bootstrap.

What I'm doing wrong?

Thanks in advance.

 

 

 

Iliana Dyankova
Telerik team
 answered on 02 Jun 2015
1 answer
356 views

I've run into a bit of an issue with a ScrollView and pagination when hooked up to a local data source.  For our application, our customer has dictated requirements around data that must be front-loaded during application startup, one of which is a "client list" which can be several thousand records.  This client list needs to be searchable by various fields.  At least 8 records should be displayed at a time, and the list should be "swipe-able" to allow the user to navigate through the results (filtered or otherwise).  We are brand new to Kendo UI, so I'd like to outline our approach and the problem that we are seeing.

 

We are able to successfully retrieve all of this data at application startup, and once we've retrieved all of our "client" records we set them as the .data property of a Kendo UI DataSource object.  We then have a ScrollView set in data-bound mode that is pointing to this data source.  The documentation says to set the data source page size to 4x the items-per-page of the scrollview, which we have done (32 in our case).  The scroll view renders the data just fine, and even allows us to swipe through 4 pages of data before it stops allowing us to swipe and appears to "bounce" us back to the 3rd page.  According to the debugger, once we swipe to the 4th page our template is invoked through some generated code only every item in the "data" array is marked "undefined" and our template breaks.  I did see somewhere on the forums that paging local data sources for scroll views was not supported at one point but now is (sorry, I can't seem to find that post at the moment).  I've created a Fiddle that reproduces the issue:

http://jsfiddle.net/n1m1dhw6/

We are using Kendo UI 2015.1.429. 

Alexander Valchev
Telerik team
 answered on 02 Jun 2015
6 answers
184 views

Hello,
In our application, in case the user clicked a certain button, we need to go back two screens. We do this with the following code:

                    app.navigate("#:back");
                    setTimeout(function(){
                        app.navigate("#:back");//to budget edit
                    }, 0);
                }
Testing this code works well on Chrome. It also works well in our tests on iPhone. However in our tests on Android (Nexus 7) it fails and only the first app.navigate("#:back") is executed. Meaning our app fails to bring the user to the correct view. Do you have any idea what might be the cause and how can we handle it?

Thanks,

Ron.

Ron
Top achievements
Rank 1
Veteran
 answered on 02 Jun 2015
6 answers
744 views

Hi, I'm trying to add the Mobile Switch to a MVC 5 Web App but it is not rendering the switch widget, just a checkbox.  Using the MVC Html wrapper, the HTML rendered is:

<input checked="checked" data-off-label="No" data-on-label="Yes" data-role="switch" id="scoring-switch" name="scoring-switch" type="checkbox">

The css files that are included in my layout page are:

<link href="@Url.Content("~/Content/kendo/2015.1.429/kendo.common-bootstrap.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/kendo/2015.1.429/kendo.bootstrap.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/kendo/2015.1.429/kendo.dataviz.bootstrap.min.css")" rel="stylesheet" type="text/css" />

 

And the js files from my bundleconfig are:

bundles.Add(new ScriptBundle("~/bundles/kendo/2015.1.429/kendoscripts").Include(
                       "~/Scripts/kendo/2015.1.429/kendo.all.min.js",
                       "~/Scripts/kendo/2015.1.429/kendo.aspnetmvc.min.js"));

Lee
Top achievements
Rank 1
 answered on 02 Jun 2015
1 answer
78 views

I have a import process that requires the ability to upload a file that may be incrementally changed and uploaded many times before the user is finally satisfied with the results.

 

To make it easier for the user to resubmit the file each time, is there a way to not have to open the file picker dialog and just use the file path that was previously picked?

Dimiter Madjarov
Telerik team
 answered on 02 Jun 2015
1 answer
137 views

I want to use scaffolding for grid in kendoui. I dont see Kendo UI option when i click on new scaffolding item. I have tried installing manually vsx file but got a message saying i have already got. I have checked in tool extension and see scaffolding.

 

I am using VS2013, C#, latest asp.net MVC.

Dimiter Madjarov
Telerik team
 answered on 02 Jun 2015
1 answer
551 views

Example containing my problem: 

http://dojo.telerik.com/oMuFE/3

Problem

When editing a grid row, the data from an input field disappears. This only happens when calling the editing row validator from custom code.

Steps to reproduce:

Add new record

Fill in a product name

go to the next field => validation of the productname is triggered and after 1500ms it is found to be OK

Click on the update button

=> The value disappeared!!

 

What am I doing?

The validation function is synchronous.

My call to check the value is asynchronous.

Javascript can't block.. 

I start the async call, set the message to "checking..." and return false => the validation message is shown

When the async call returns, I cache the result (in this example always true) and call the validate function once again.

This second time the function is called I can return synchronous.

This pattern is described in: 

http://blogs.telerik.com/kendoui/posts/13-12-10/extending-the-kendo-ui-validator-with-custom-rules

in the chapter "Advanced Validation"

 

Question:

How can this be solved?

Is there a better way to achieve this?

 

Thanks in advance.

Rosen
Telerik team
 answered on 02 Jun 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?