Telerik Forums
Kendo UI for jQuery Forum
1 answer
517 views
Hi,
I need to give a specific class to a row based on some condition, so i used following code to add class to that row

 @(Html.Kendo().Grid((IEnumerable<model>))
                           .Name("ABCDSource")
                           .Columns(columns =>
                           {
                               columns.Bound(d => d.col).Title("col").
                               columns.Bound(d => d.col1).Title("col1");
                               columns.Bound(d => d.col2).Title("col2");
                               columns.Bound(d => d.col3).Title("col3");
                           })
.RowAction(row=>
                               {
                                  
                                   row.HtmlAttributes.Add("style", "background:red;");
                                // "DataItem" is the Order object to which the current row is bound to
                                   if (row.DataItem.Istrueval== true)
                                   {
                                       //Set the background of the entire row
                                       row.HtmlAttributes["style"] = "background-color:blue";
                                       row.HtmlAttributes["class"] = "deleted-row";
                                   }
     
                               })....... 

I have added these properties to the row
1.style and
2. class
but both attributes are not getting applied to that row. And rest of the code don't have any syntactical error.  

Please could you suggest a solution? 

Dimo
Telerik team
 answered on 12 Feb 2013
1 answer
140 views
Hi All,

I wanted to check if you any of you have tried to open external webpage in safari or android browser. All options through href opens it in WebView within the app. I am not able to open it in the browser explicitly. Any ideas?

Thanks
Mahadev
Ivan
Telerik team
 answered on 12 Feb 2013
2 answers
246 views
Hi, I have json data coming back correctly (can see it in fiddler) but I'm not sure how to bind it to kendo charts correctly.

This is how the data is formatted:

[{"Question":"lorem ipsum....?","OptionTitles":["Branch Office 2","Head office"],"OptionCounts":[1,1]}]

The data I want to use for the chart is the option titles for categories and the option counts as the bar/column display. 

The example below is of a bar chart, currently there are no bars and the y axis displays [object Object], maybe I need to drill into the json somehow?
My chart:

 $("#chartBar").kendoChart({
                theme: "metro",
                dataSource: {
                    transport: {
                        read: {
                            url: 'urltodata',
                            dataType: 'json'
                        }
                    }
                },
                series: [{ name: "Stuff", type: "bar", field: "OptionCounts" }],

                categoryAxis: [{ field: "OptionTitles" }],
                line: { visible: false },
                tooltip: { visible: true, format: "{0:00}%" },
                legend: { position: "bottom" }
            });

Many thanks!
Karl
Top achievements
Rank 1
 answered on 12 Feb 2013
3 answers
268 views
Chrome 24.0.1312.57m
KendoUI 2012.3 1315
Using jQuery from KendoUI.

Note: I did not have this issue with previous versions of KendoUI from August/September.

I'm running into a situation where a serverPageable DataSource returns an empty result and still does infinite loops.


From the changelog:
  • Fixed: Combobox falls into infinite loop if DataSource returns an empty result

JSON Data returned by server:
{ data: [], totalCount: 0 }
DataSource definition:
myDS = new kendo.data.DataSource({
        type: "json",
        pageSize: 15,
        serverPaging: true,
        serverFiltering: true,
        transport: {
            read: {
                type: "GET",
                dataType: "json",
                data: {
                    func: "myfunc"
                },
                url: "../myrest/"
            }
        },
        schema: {
            model: {
                id: "MY_ID",
                fields: {
                    MY_ID: { type: "string" },
                    SHORT_DESCRIPTION: { type: "string" }
                }
            },
            data: function(response) {
                return response.data;
            },
            total: function(response) {
                return response.totalCount;
            }
        }
    });
The issue is fixed if I pass a blank object into the data array to get this:
{ data: [{}], totalCount: 0 }


Georgi Krustev
Telerik team
 answered on 12 Feb 2013
3 answers
221 views
I have set up a page using the master page and child page approach, inside my master page I have the following code set up 

//Mobilize me
       window.kendoMobileApplication = new kendo.mobile.Application(document.body);
and this is inside the .net form tag with runat="server"

and I keep getting this message below:

JS Error

Timestamp: 2/8/2013 2:21:49 PM
Error: Error: Your kendo mobile application element does not contain any direct child elements with data-role="view" attribute set. Make sure that you instantiate the mobile application using the correct container.
Source File: http://mysite/scripts/kendo/2012.3.1114/mobile/kendo.mobile.min.js
Line: 13

I remove the form tag, then it works, but I need to have this tag in place as I am using .net controls on the page and they wont run without the form tag being present and the controls inside this tag. Any help ye can give on this would be appreciated.
Alexander Valchev
Telerik team
 answered on 12 Feb 2013
1 answer
398 views
Hello,

When I disable the upload control with upload.disable(), the button is indeed disabled, but I can still drag and drop files. I think drag and drop should also be disabled?

Regards, Jaap
Dimiter Madjarov
Telerik team
 answered on 12 Feb 2013
3 answers
2.9K+ views
Hi,

I'm evaluating the Kendo UI Web and my customer would like to emulate the functionality as shown in the demo here http://demos.kendoui.com/web/grid/index.html

We like to have a settings button which displays a list of available columns in the grid and show/hide them from there instead of the column menu on each column. I understand the functionality in the demo is a image mockup, however, my client would like this functionality after seeing this.

  1. How can I reference the grid externally or through a header 'settings' option and manipulate its columns visibility?
  2. Also, is there a way to save these settings per user and pre-load the grid with their choices of columns?

Thank you!
-Vik M


Alexander Valchev
Telerik team
 answered on 12 Feb 2013
4 answers
457 views
Hi

I have created a view with 3 data bound controls to a view.  On click (or touch if it is on a device) I am expecting the view to change.  This works great if I test it on my desktop browser.  However when I try it from a physical device it seems problematic.  It takes several touches before it actual seems to fire.  This happens on Ipad, Android 4.2, and Iphone.  I expect I am doing something wrong, however I cant find the problem.

Please have a look at the JSfiddle http://jsfiddle.net/rihanmeij/ULtkP/ that I created here that has all the important bits of code.  The button also does not work on JSFiddle, but it works when I run it from my local web server and a local browser.

What is the order that Javascript elements needs to run in?  First your View model, then your binding, and then at the very end you load up the mobile.Application?

Thanks 
Rihan Meij
Alexander Valchev
Telerik team
 answered on 12 Feb 2013
1 answer
308 views
Hi Guys,

Is there any way i can decrease the width of textbox field in inline editing grid (edit mode) . Currently all the text field width is the same. Or how i can make the textfield the same size as it header. 

Thank you
Jayesh Goyani
Top achievements
Rank 2
 answered on 12 Feb 2013
5 answers
155 views
Hi,

i am using dataviz stock chart(candlestick) in my kendo mobile app and bind this (like: dataSource: {data: chartviewmodel.chartpoints}) on observable collection of data in json format like this (var chartviewmodel = kendo.observable({
            chartpoints:[{
        "Date": "2011/03/31",
        "Open": 44,
        "High": 44.56,
        "Low": 43.94,
        "Close": 44.5,
        "Volume": 2340500
    }
  ]
});
)

but there is two problems with that:
1- if i open this view on my iphone and left it for a while it crashes and browser closes
2- when i add a new entry in the observable collection whole chart refreshed and redraw every point again but not only the new added point.

so can u help me to solve these two issues with stock chart ?
Alexander Valchev
Telerik team
 answered on 11 Feb 2013
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
Drag and Drop
Application
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
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
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
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
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?