Telerik Forums
Kendo UI for jQuery Forum
2 answers
313 views

I'd like to change the stroke colour of a stack in my bar chart.

Ideally I aim to make it totally hidden (it's essentially a filler and is required to be present in the chart, but not visible. Sounds odd I know, but there you go).

In the snippet below the stack Bravo has two sets of data. Charlie and Delta. Charlie is the 'hidden' data, it helps prop up Delta. I can make it invisible by setting the color to 'none' and I can hide it from being in the legend.

But, it still has a black outline (stroke) and I'd like to remove that.

I would also like to remove the tooltip for Charlie, but retain it for all the other data.

 Any help would be appreciated. Thanks.

This is a snippet of my code:

series: [{
                        colorField: "valueColor",
                        name: "Alpha",
                        stack: "Alpha",
                        data: "[value,value,value]"
                    }, {
                        name: "Charlie",
                        stack: "Bravo",
                        data: "[value,value,value]",
                        color: "none",
                        visibleInLegend: false
                    }, {
                        name: "Delta",
                        stack: "Bravo,
                        data: "[value,value,value]",
                        color: "#dcdcde"

}]

John
Top achievements
Rank 2
Iron
 answered on 25 Jan 2016
2 answers
147 views

Hello,

 I'm posting this not directly as criticism, but rather hoping to glean some feedback from the community at large. It *seems* to me that each release of the Kendo (and ASP.Net MVC) product lines are riddled with problems which require multiple hotfixes almost immediately after release. It just feels that the quality and stability of these two products from a release standpoint is far less than what I have experienced with other Telerik products in the past.

 Does anyone else in the community feel this way - can anyone in Telerik speak to this for me, or am I simply not understanding the process?

 Thank you,

John

T. Tsonev
Telerik team
 answered on 25 Jan 2016
3 answers
363 views
I am using inline editing with no custom validation, as shown below. When I submit update the validation message are positioned one control to the right, as shown in attached image.

How do I get the validation message to position under the correct control?

schema: {
model: {
id: "RSLenderLoanProgramID",
fields: {
LenderProgramName: { validation: { required: true} },
PDFProgramName: { validation: { required: true} },
LockPeriods: { type: "number", validation: { required: true, min: 1, max: 4} },
Lock1: { type: "number", validation: { min: 7, max: 90, required: true} },
Lock2: { type: "number", validation: { min: 7, max: 90, required: false} },
Lock3: { type: "number", validation: { min: 7, max: 90, required: false} },
Lock4: { type: "number", validation: { min: 7, max: 90, required: false} },
RSLenderLoanProgramID: { editable: false, nullable: true }
}
}
}
Iliana Dyankova
Telerik team
 answered on 25 Jan 2016
2 answers
437 views

Hi

As you can see here: 
http://dojo.telerik.com/AhUXU

it's not possible to remove/delete the file, after the upload fails - fires error event.

How can i remove this file? It's only show the "refresh" action... but i need both "refresh" and "remove" or just the "remove" action.

Regards
Werner

 

T. Tsonev
Telerik team
 answered on 25 Jan 2016
1 answer
154 views

Hi There,

I have tried following function to save the grid value on Enter click.

   $("#tvmModuleGrid table").on("keyup", "tr", function (e) {
        var grid = $("#tvmModuleGrid").data("kendoGrid");
        var code = (e.keyCode ? e.keyCode : e.which);        
        if (code == 13) { //Enter keycode
            $(e.srcElement).closest("tbody").focus();
            setTimeout(function () {
                grid.saveRow();
            })
        }
    })

: I have also tried the same on keydown event, and also tried gridEdit mode before firing the saveRow.

Please let me know what I'm missing. I have read and tried a lot of option for this. I'm looking forward to your response.

Thanks,

Jitender

 

Kiril Nikolov
Telerik team
 answered on 25 Jan 2016
4 answers
659 views

Hi

I have a query on Paging and Virtualization remote data feature.

I was going through below link-
http://demos.telerik.com/kendo-ui/grid/virtualization-remote-data

I have added pageable: true and pagesize:10 in this example like below-

$(document).ready(function () {
                $("#grid").kendoGrid({
                    dataSource: {
                        type: "odata",
                        serverPaging: true,
                        serverSorting: true,
                        pageSize: 10,
                        transport: {
                            read: "//demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
                        }
                    },
                    height: 543,
                    pageable: true,
                    scrollable: {
                        virtual: true
                    },
                    sortable: true,
                    columns: [
                        { field: "OrderID", title: "Order ID", width: 110 },
                        { field: "CustomerID", title: "Customer ID", width: 130 },
                        { field: "ShipName", title: "Ship Name", width: 280 },
                        { field: "ShipAddress", title: "Ship Address" },
                        { field: "ShipCity", title: "Ship City", width: 160 },
                        { field: "ShipCountry", title: "Ship Country", width: 160 }
                    ]
                });
            });

Now grid loads all 830 rows of Orders and then displays first 10 rows. Can you please explain me how paging and virtualization functionality works here.

I am trying to achieve below scenario-
On first load of grid, it will fetch & show only first 10 rows from dataSource
When user clicks on next page then it should fetch next 10 rows and so on.
Is this scenario possible to achieve with your paging and virtualization features?

 

Cheers

Sanket

Alexander Popov
Telerik team
 answered on 25 Jan 2016
1 answer
67 views

Following link is working  code jsfiddle sample authored (I believe) by one of Kendo own developers

Kendo grid sample

I took the sample in it's entirety and copied it into VS2013 test project.

When I run it: grid shows up correctly, exactly like in jsfiddle sample, when I select grid row event "on change" is firing correctly as well.

But in "change" event in my version variable id is "undefined"! 

I can't figure out what's wrong and will appreciate any help or advise. Thanks!

change: function () {
     var row = this.select(); // this variable is (context: undefined, length: 1, selector:">tbody>tr.k-state-selected, "
    var id = row.data("id"); // id is undefined in my copy but works in jsfiddle!
 
     $("#log").html("selected row with id= " + id + " , for ShipName = " + dataSource.get(id).get("ShipName"));
}

My<script> and <style> tags:

link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" />
    <link href="./js/kendopro/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="./js/kendopro/styles/kendo.default.min.css" rel="stylesheet" />
    <link href="./js/kendopro/styles/kendo.silver.min.css" rel="stylesheet" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
    <script src="./js/kendopro/js/kendo.all.min.js"></script>

 

Venelin
Telerik team
 answered on 25 Jan 2016
5 answers
1.2K+ views

Hi folks,

 I am experiencing the following problem: in my scenario I have a grid, which loads data, based on a date interval picker. I have decided to enable client side paging as the requested data can be around 2000 up to 10000 rows. My paging options are the following:

vm.gridOptions = {
           sortable: true,
           filterable: true,
           groupable: true,
           scrollable: true,
           reorderable: true,
           resizable: true,
           pageable: true,
           pageable: {
               pageSizes: [50, 100, 500, 'all'],
               buttonCount: 5,
           },

and in the dataSource of the grid I have specified pageSize as 50, because I was observing some strange behavior.  

So to explain the problem: when I load data for some interval and for example receive 600 elements, when "ALL" is selected as option it display all the data on one page. After that if I leave all as pageSize and extend the interval for the grid and more data is received in the datasource (lets say 900 elements), the pageSize becomes the old value of ALL - 600, two pages appear and the second page contains the rest of the data (300 elements). 

 As you can see from the images provided, if the next loaded period doesn't contain any information, the pageSize still remains with the last value of All. Just to mention that we are talking about an angular app (v1.4.4) with Kendo UI v2015.3.930. Thank you in advance.

 

Alexander Popov
Telerik team
 answered on 25 Jan 2016
1 answer
597 views

I'm trying to get the grid working with a .NET MVC OData endpoint.

 I've found that the grid always encodes the data as application/x-www-form-urlencoded but in the request gives the content type as application/json and therefore .NET fails to deserialise.

 

Is there any way to get the grid to encode as json (a work-around is to set transport.update.contentType = 'application/x-www-form-urlencoded; charset=UTF-8'). 

 

It seems very odd that everyone is expecting (and asking for) json but the grid refuses to produce anything other than x-www-form-urlencoded.

Rosen
Telerik team
 answered on 25 Jan 2016
4 answers
270 views

Hi,

 I'm only just starting out with Kendo UI and one of my first tasks is to build a Stacked Bar chart. I'm hoping you guys can help me out with a few issues I'm having.

 Firstly, here's a link to an example of what I currently have: http://dojo.telerik.com/Ajido

Issue 1: I have three values for my stacks: Alpha, Bravo and Charlie. Charlie is type 'line'. But, in stacks 2 and 4 I don't have a value and want to suppress the Charlie marker. From examples online, I've seen that setting the data to 'null' should suppress the marker. Unfortunately, this doesn't work for me.

 Is this a limitation when using 'line' type in a Stacked chart? Or am I missing something?

 If I can resolve this issue, then I'll ask about the next one!

 Thanks

John
Top achievements
Rank 2
Iron
 answered on 25 Jan 2016
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
ScrollView
Switch
TextArea
BulletChart
Licensing
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?