Telerik Forums
Kendo UI for jQuery Forum
3 answers
387 views
Hi,

We're having a couple of issues with embedding charts into a Kendo tab control.

The first issue is that some radar charts are exceeding the tab content boundary like so:

http://i.imgur.com/VQrJOAk.jpg

We're using the following code to redraw the charts on tab changes:

var onActivate = function (e) {
    if ($(e.contentElement).children('#radarCapability').length !== 0) {
        var radarChart = $('#regionRadarChart').data('kendoChart');
        radarChart.refresh();
    } else {
        // redraw bar charts
        // $(exampleChart).data('kendoChart').refresh();
    }
};
 
var tabStrip = $('#regionTabStrip').kendoTabStrip({ activate: onActivate }).data('kendoTabStrip');

Stranger is that the we have another tab strip with a different radar chart in, which uses identical code - this doesn't have any issues. Another thing to note is that clicking a legend item on the right will redraw the chart correctly (so it fits).

The other issue is quite specific, but we have bullet charts within a table - this table is then an iframe within another page. Under Internet Explorer 8 (Client requirement) we're finding that the chart doesn't fill the table cell and leaves a space at the end. At the bottom of the page we're running the following script:

var prfChart = $('#myPrfChart').data('kendoChart');
prfChart.refresh();

However we're finding that this doesn't seem to help, the issue disappears if we switch to a different tab in the tab strip and back to the bar chart again. Likely caused by the onActivate script above. I've tried nesting the refresh script within $(document).ready() but that doesn't seem to help at all.

Just to confuse matters, if you open the page directly (i.e. not within an iframe) then the charts render correctly. I can only replicate the issue in an iframe using IE8. Is there a better way of getting the charts to refresh/redraw on load?

Thanks
T. Tsonev
Telerik team
 answered on 09 Oct 2014
3 answers
169 views
I have an application that is a standard ASP.NET 4.0 and a need has come up to use the kendo UI mapping interface binding to a geojson database.  I followed the online examples and nothing was displaying.  I then installed the examples (and js and styles directories).  All of the examples I tried worked beautifully except, of course, the one I'm interested which is /examples/dataviz/map/geojson.html  - interestingly the rest of the map examples display perfectly. 
Things I've tried
    - loaded the examples and other directories to a live site, thinking it had something to do with Visual Studio, but to no avail. 
    - ensured I had the latest telerik libraries
    - tried chrome, safari and Firefox as well as IE

I've attached a screenshot of what comes back, but I have to assume since the example works on your site that I have a configuration issue.  Any thoughts?
T. Tsonev
Telerik team
 answered on 09 Oct 2014
2 answers
299 views
Hello

Is possible to move the grid toolbar footer (# pages, # records, button first, button next, button last, etc.)
and move it over the header grid?

Just the toolbar footer.

Thank you

JC
JC
Top achievements
Rank 1
 answered on 09 Oct 2014
1 answer
105 views
Hello,

I have a grid with a nested grid via ClientDetailTemplate. After Update to the latest Version I get a Invalid Template Error in my Grid.

// TODO: set default filter operator to [contains]
.Filterable(filter =>
{
    filter.Extra(false);
    filter.Operators(op =>
    {
        op.ForString(str => str.Clear());
        op.ForString(str =>
        {
            str.Clear().Contains("Contains");
        });
    });
})

After Removing the above Code the error is gone. How can I configure the filter?

regards
Dimiter Madjarov
Telerik team
 answered on 09 Oct 2014
5 answers
203 views
I'm encountering problems with scrolling a ListView inside a SplitView. Sometimes it works, sometimes it scrolls incomplete, sometimes it doesn't scroll. This can also be seen in the SplitView mobile demo (using iPad mini on iOS 8.0.2). Is this a known issue? Thanks.
Kiril Nikolov
Telerik team
 answered on 09 Oct 2014
1 answer
127 views
I am creating a bubble chart by using MVC. 
I was able to create legend for series but have trouble creating legend for each data point.
Does telerik support the legends for data points in a series?  If not, is there any workaround?

Joan
Iliana Dyankova
Telerik team
 answered on 09 Oct 2014
1 answer
259 views

I have the following 2 simple requirements while dealing with Kendo Grid.

  • If there is no records present for the underlying datasource then display in the UI: No records found. Please add New record using Add New button.
  • If records present but on user click on any column Filter, and No matching records found then display in the UI: No matching records found for the given search criteria.

    I have accomplished the 1st task using Grid's OnDataBound() method.
    I am just verifying the datasource length and displaying appropriate message in UI.

    Please help me achieving the 2nd option. Because both of the case Grid's datasource length is 0 (zero).
Kiril Nikolov
Telerik team
 answered on 09 Oct 2014
1 answer
400 views
Hi,
I am building a stacked bar chart with three series. I am fetching the data from a remote service and binding to the chart. But the problem is that my chart does not show all three series. it shows only two series. But if i remove the stack:true property, it shows all three series in the normal column chart. Could any body help if I am missing anything to show all the series. Below is my code.
         
  function createChart() {
            $("#chart").kendoChart({
             dataSource: {
                    transport: {
                        read: {
                            url: "http://localhost:8080/rest/service/summary",
                            dataType: "json"
                        }
                    },
                },
                title: {
                    text: "Summary"
                },
                legend: {
                    visible: false
                },
                seriesDefaults: {
                    type: "column",
                    /stack: true
                },
                series: [{
                    field:"A",
                    name: "A",   
                    color: "#3CB371"
                }, {
                   field:"B",
                    name: "B",
                   color: "#FFA500"
                },{
                name: "C",
                field:"C",
                color: "#FF0000"
                }],
                valueAxis: {

                    line: {
                        visible: true
                    },
                    minorGridLines: {
                        visible: true
                    }
                },
                categoryAxis: {
                    field:"boothId",
                    majorGridLines: {
                        visible: false
                    }
                },
                tooltip: {
                    visible: true,
                    template: "#= series.name #: #= value #"
                }
            });
        }
        $(document).ready(createChart);
        $(document).bind("kendo:skinChange", createChart);
Iliana Dyankova
Telerik team
 answered on 09 Oct 2014
4 answers
2.4K+ views
I have a form to edit a catalog item. The initial list of catalog items is a Kendo grid and the editor is a popup using a custom template for a catalog item. When the popup is opened, I want to have a grid within this window which will have a list of all of the images attached to this item. I want to set this grid up in such a way that if new images are uploaded from within this window it can be refreshed by going back to the controller and re-querying to get the updated list. My issue is that I am unable to pass the ID of the item that I am currently editing into the controller method. I have tried the following:
.DataSource(dataSource => dataSource
    .Ajax()
    .Read(read => read.Action("GetItemImages", "CatalogItemMaintenance", new { itemId = Model.ItemId})))

But Model.ItemId is always null (along with every other property on the model). I believe this is because the template is being accessed from a grid which isn't explicitly passing the model in to the editor template, so I'm unable to use "Model.property" to get access to the values. So, how do I pass the ID of the object I am working with in the editor template to a method in a the controller in order to pull additional data?

Thanks!


Jeff
Top achievements
Rank 1
 answered on 08 Oct 2014
1 answer
1.6K+ views

Hi Kendo team,

I am having a strange issue with a datasource that is feeding some charts.
The datasource looks like this:

var chartDs = new kendo.data.DataSource({
            transport: {
                read: {
                    url: "Export/GetReportHistory",
                    type: "POST",
                    dataType: "json",
                    data: {
                        numberOfMonths: function () {
                            return $("#chartTimeFrame").val();
                        }
                    }
                }
            }
        });

This is works fine as it is, but when the page is loaded (document.ready) my server action (MVC3) is hit twice.
That means data is returned twice and the chart animation is run twice :-\

A dropdownlist on my page reloads the charts based on different data, when this event is triggerd, the server is also hit twice in a row displaying the behavior described above.

$("#chartTimeFrame").change(function () {
            $("#reportChart").data("kendoChart").dataSource.read();
            $("#damageChart").data("kendoChart").dataSource.read();
            $("#defectChart").data("kendoChart").dataSource.read();
        });

I can't seem to find the source of the problem so I hope you can help me out :-( (and it makes the charts animations look strange bouncing up and down when they are reloaded).

Update:
It seems this has been asked before (I should have searched a little further before posting)
and the answer can be found here: http://www.kendoui.com/forums/framework/data-source/shared-datasource---each-ui-element-seems-to-read.aspx

Sorry for double posting :-(

Paul
Top achievements
Rank 1
 answered on 08 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
Drag and Drop
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
Marco
Top achievements
Rank 4
Iron
Iron
Iron
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
Want to show your ninja superpower to fellow developers?
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
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
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?