Telerik Forums
Kendo UI for jQuery Forum
3 answers
176 views
We would like to apply our own theme to some of the dataviz controls, ScatterChart etc.
We are using AngularJS and I am not able to figure out how to apply my custom theme without resorting to jQuery.

I am also unable to figure out how to set a gradient background to the charts, is this possible?

Thanks
Iliana Dyankova
Telerik team
 answered on 06 Oct 2014
3 answers
230 views
Does some one have a  code example of a map (or multiple maps) using a shared datasource with the map widget?
Alexander Popov
Telerik team
 answered on 06 Oct 2014
6 answers
353 views
Maybe this is fixed in the v2012.3.1121 internal build?  I don't have access to that download.  All I see is the v2012.3.1114 build.

I upgraded from v2012.2.710 to v2012.3.1114. After that my treeview templates started responding to the mouseup event when I wanted to edit a value in a control within the template.  When I click in a textbox on mouseup the control looses focus and the tree node selector gains focus instead. If I click into the textbox then while holding down on the mouse button move the cursor out of the tree container the cursor keeps its focus on the control I originally clicked.  This makes the controls in a tree node unable to edit.  Every time a user clicks in a control to start editing the control losses focus and the tree arrow becomes focused. 
Manuel Hernandez
Top achievements
Rank 1
 answered on 06 Oct 2014
2 answers
287 views
Hello, Kendo Team
  I'm a newbie for KendoUI Mobile,a quick question,can I change the TabTrip orientation to vertical,just like a ListView with  TabTrip features.
  By default,TabTrip will display all cells in one row, and I want to display all cells in one column.

Thanks 
Joe
Top achievements
Rank 2
 answered on 03 Oct 2014
3 answers
672 views
I have a OData service that returns the following json.
I need to convert the json into a Kendo datasource that can be bound to a read-only grid.
Here is the json.

{
    "@odata.context":"http://localhost/DataService/Data","value":[
    {"ID":1,"Description":"Test 1"}
    ,{"ID":2,"Description":"Test 2"}
    ,{"ID":3,"Description":"Test 3"}]
}

I have tried something as simple as the following but this does not work.
I have used fiddler and I am seeing the json getting returned correctly.

<script>
$(document).ready(function () {
    var crudServiceBaseUrl = "http://localhost/DataService/Data",    
        dataSource = new kendo.data.DataSource({
            transport: {
                read: {
                    url: crudServiceBaseUrl,
                    dataType: "json",
                    type: "POST"
                },
               parameterMap: function (data, operation) {
                   alert(JSON.stringify(data));
                   return JSON.stringify(data);
                },
                autoSync: false,
                schema: {
                    model: {
                        id: "ID"
                    }
                }
            }
        });

    $("#grid").kendoGrid({
        dataSource: dataSource,
        columns: [
            { field: "ID", title: "ID", width: 70 }]
    });

});
</script>

I used the following online fiddle as a test and it worked fine when using local "echo".
http://jsfiddle.net/valchev/AC9tV/

I have also posted the question here.
http://stackoverflow.com/questions/26130634/kendo-datasource-odata-custom-json



James
Top achievements
Rank 1
 answered on 03 Oct 2014
2 answers
704 views
Hello,

I am having some trouble getting a kendo grid to work with inline (batch) editing on local data.
I can only save/transmit the data once the data in the grid is complete, as single items in the grid are not valid data on their own. Because of this I want to edit the data in my local data model.

I can create and edit just fine, until I cancel  editing of any (new) item. Especially if I click the edit button of a different row while editing another (ie: do not click 'update' but a different 'edit' button). Then rows start disappearing whenever I click 'edit'. Sometimes they reappear and get duplicated etc.

I experimented with some code to reproduce this problem: http://jsfiddle.net/SDns9/

When pressing 'edit' of a predefined product while editing a new (yet unsaved) one, this unsaved one will disappear.
With a bit of messing around these unsaved ones will reappear all at once again.

Steps to reproduce:
  1. click 'add new record', enter "data1" as name, click 'update'
  2. click 'add new record', enter "data2" as name, click 'edit' of data1
  3. watch as data2 disappears
  4. click 'edit' of data1
  5. watch as data1 disappears
  6. click 'edit' of product1
  7. watch as data1 reappears
  8. click 'edit' of data1
  9. nothing happens
  10. click 'edit' of data1 again
  11. watch as data1 disappears

Rosen
Telerik team
 answered on 03 Oct 2014
7 answers
300 views
Hello,

I have a grid for ticket lines, bound to this data (some fields removed for brevity):
   
      "lineId":"2_1",
      "ticketId":2,
      "lineNo":1,
      "itemNo":"EVERAA",
      "qty":1,
      "price":0.99,
      "isSerialized":false,
      "serials":[ ]
   },
   
      "lineId":"2_2",
      "ticketId":2,
      "lineNo":2,
      "itemNo":"S-022933",
      "qty":2,
      "price":189.94,
      "isSerialized":true,
      "serials":[ 
         
            "serialNo":"AAAAAAA"
         },
         
            "serialNo":"BBBBBBBB"
         }
      ]
   }
]
Please note the "serials" array.

The grid has a custom edit form, in which there is a button to add / remove serial numbers.

In the schema for the grid, I have included the serials field like this:
schema: {
    model: {
        id: "lineId",
        fields: {
            lineId: { type: "string" },
            ticketId: { type: "number" },
            lineNo: { type: "number" },
            itemNo: { type: "string" },
            isSerialized: { type: "boolean"},
            price: { type: "number" },
            qty: { type: "number" },
            serials: { defaultValue: { serialNo: "" } }
        }
    }
}

The problem is that I do not know how to bind the serial number array to the grid in the serial number form, so that serial numbers can be added or deleted and of course persisted to the data store when the ticket line they belong to is saved.

Here is a plunker: http://plnkr.co/edit/VJXUoTn2qCHbgGauWXGi?p=preview

In the plunker, two lines are displayed in the grid.  The second line has two serial numbers; when you click Edit on it, and then on the Serial Number button, I would like for the two serial numbers to show up there (in such a way that they additions / deletions are persisted properly, per the above).

Thanks,
Lars
Alexander Popov
Telerik team
 answered on 03 Oct 2014
1 answer
493 views
I am getting Minification failed errors when trying to bundle together Kendo CSS & JS (separately in ScriptBundle & StyleBundle).  Here is the bundle code from BundleConfig.cs:

bundles.Add(new ScriptBundle("~/Scripts/kendo/responsive-kendojs")
                .Include("~/Scripts/kendo/jquery.min.js")
                .Include("~/Scripts/kendo/kendo.all.min.js")
                .Include("~/Scripts/kendo/kendo.aspnetmvc.min.js"));

and

bundles.Add(new StyleBundle("~/Content/kendo/responsive-kendocss")
                .Include("~/Content/kendo/kendo.common.min.css")
                .Include("~/Content/kendo/kendo.common-bootstrap.min.css")
                .Include("~/Content/kendo/kendo.bootstrap.min.css")
                .Include("~/Content/kendo/kendo.mobile.all.min.css")
                .Include("~/Content/kendo/kendo.dataviz.min.css")
                .Include("~/Content/kendo/kendo.dataviz.bootstrap.min.css"));

When I load my page, the bundles come across properly, but when I inspect the contents of the bundles, I see this content:

for request:
http://localhost:2952/Scripts/kendo/responsive-kendojs?v=xBcra9G7ySZaZKhcyL_pQa3jyJ0xPNrIODFoRbbwXqA1

/* Minification failed. Returning unminified contents.
(47,9295-9302): run-time error JS1019: Can't have 'break' outside of loop: break e
(47,8578-8585): run-time error JS1019: Can't have 'break' outside of loop: break e
*/

and

for request:
http://localhost:2952/Content/kendo/responsive-kendocss?v=95SMW4BbxMxlmxetk9pG-NULh83t6TL_m0-g32mfJzU1

/* Minification failed. Returning unminified contents.
(36,46845): run-time error CSS1030: Expected identifier, found '.'
(36,46852): run-time error CSS1031: Expected selector, found ')'
(36,46852): run-time error CSS1025: Expected comma or open brace, found ')'
(36,59002): run-time error CSS1030: Expected identifier, found '.'
(36,59010): run-time error CSS1031: Expected selector, found ')'
(36,59010): run-time error CSS1025: Expected comma or open brace, found ')'
(36,85507): run-time error CSS1030: Expected identifier, found '.'
(36,85520): run-time error CSS1031: Expected selector, found ')'
(36,85520): run-time error CSS1025: Expected comma or open brace, found ')'
(36,100242): run-time error CSS1030: Expected identifier, found '.'
(36,100250): run-time error CSS1031: Expected selector, found ')'
(36,100250): run-time error CSS1025: Expected comma or open brace, found ')'
(36,101745): run-time error CSS1030: Expected identifier, found '.'
(36,101753): run-time error CSS1031: Expected selector, found ')'
(36,101753): run-time error CSS1025: Expected comma or open brace, found ')'
(36,101810): run-time error CSS1030: Expected identifier, found '.'
(36,101818): run-time error CSS1031: Expected selector, found ')'
(36,101818): run-time error CSS1025: Expected comma or open brace, found ')'
(36,101911): run-time error CSS1030: Expected identifier, found '.'
(36,101919): run-time error CSS1031: Expected selector, found ')'
(36,101919): run-time error CSS1025: Expected comma or open brace, found ')'
*/

I am currently using v2014.2.716 and VS2010 and MVC4.

Please let me know if you need additional info.
Thanks,
--Ed
Petur Subev
Telerik team
 answered on 03 Oct 2014
2 answers
1.8K+ views
Hi,

I am trying to get the start date and end date of the range that the user is viewing.

It seems that the 'date' method will only return the end date of the current view. How do I retrieve the start date?

var scheduler = $("#scheduler").data("kendoScheduler");
scheduler.date()  // This is only the end date

Thanks

Zohar
Georgi Krustev
Telerik team
 answered on 03 Oct 2014
3 answers
129 views
I was looking for a configuration option for Window where I could change the text, aka messages config (much like I can change the text for paging, etc).  Specifically, I wanted to change the text associated with the close button in the titlebar of the window.

for example, the grid offers the config for:
http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-messages

If this is currently not available, is this somewhere on the horizon for Window?

Thanks,
--Ed
Kiril Nikolov
Telerik team
 answered on 03 Oct 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
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?