Telerik Forums
Kendo UI for jQuery Forum
2 answers
391 views

I have the pageable as true for my grid.  But when I select such as page 3.  The number 3 will show at the beginning before other page numbers.  Do you know how to avoid that display?  Thanks.

 

Bertha
Top achievements
Rank 1
 answered on 08 Mar 2017
5 answers
377 views

Hi guys,

 

in my scenario I show only one day - view as we  use the scheduler for building complex agendas with many rooms. When an user adds (or edits existing event) at the bottom of the custom edit box is an option to move the session to another day. If user selects other day and clicks on the save button on the controller we change start/end date of the session and save that to the database 

 

 var item = eventService.GetAgendaDay(sesssion.EventAgendaDayId); //selected id of the another day

//changing start/end date 
                sesssion.Start = new DateTime(item.Date.Year, item.Date.Month, item.Date.Day, sesssion.Start.Hour, sesssion.Start.Minute, sesssion.Start.Second);
                sesssion.End = new DateTime(item.Date.Year, item.Date.Month, item.Date.Day, sesssion.End.Hour, sesssion.End.Minute, sesssion.End.Second);

 and once we perform the save option we return the session back

 

 return Json(new[] { sesssion }.ToDataSourceResult(request, ModelState));

 

At this moment, the newly created session/or edited belongs to the another day and it should not be visible anymore on the screen, but it is. that is reason why I'm asking how to manualy refresh the source after save

 

thanks

Lee
Top achievements
Rank 1
 answered on 08 Mar 2017
5 answers
521 views

I am retrieving the start date of my Scheduler like this:

function get_date() {
var scheduler = $("#scheduler").data("kendoScheduler");
var view = scheduler._selectedView;
var startDate = view._startDate;

return startDate;  
}

I am trying to pass that date via ajax in order to populate my dropdownlist:

$("#drpHall").kendoDropDownList({
            dataTextField: "hallname",
            dataValueField: "hallid",
            dataSource: {
                transport: {
                    read: {
                        url: "chart_functions.cfc?method=GetHalls&returnformat=json",
                        data : {
                            dt: get_date()
                        },
                        dataType: "Json"
,success : function(result) {

alert(JSON.stringify(result));
}
                    }
                }
                , pageSize:10
            },
            index: 0
        });

 

I am using the function get_date(), but the dropdownlist does not render when I do this.  If I replace it with a simple "new Date()" parameter instead, the control renders (but obviously using the wrong date).

What do I need to do to pass that scheduler date properly?

Thanks!

Nencho
Telerik team
 answered on 08 Mar 2017
1 answer
71 views
How to limit number of legends to save area on graph?
Stefan
Telerik team
 answered on 08 Mar 2017
1 answer
244 views

The color associated to each legend is taken from defaults color. we are using group field under data source to display category value as legends. 

How to set legend color in bubble chart?

Daniel
Telerik team
 answered on 08 Mar 2017
1 answer
51 views
Area of bubble getting cut due to chart area.. Can someone help me on this?
Daniel
Telerik team
 answered on 08 Mar 2017
1 answer
204 views
How can I select in week view the german format for days 30.03., 31.03., 04.01. ... instead 3/30, 3/31, 4/01 ... ?
Ivan Danchev
Telerik team
 answered on 08 Mar 2017
1 answer
316 views
In our application we have a virtual scrollable grid. We have implemented a function to refresh the grid data from the server by calling the datasource's "read" method.a side effact is that scroll down to last row then click on refresh means calling  datasource.read() after this scroll up 
datasource call read on every scroll up and also row data-uid set to undefined 

See fiddle: 
http://dojo.telerik.com/@ppatel161988/UsuqE

Steps : 
1. Run code
2. then Scroll down to last row
3. call datasource.read inside the console 
4. then scroll up if you see inside devloper tool - > network see order call on every scroll up  
Konstantin Dikov
Telerik team
 answered on 08 Mar 2017
1 answer
175 views

Hi,

I have a line chart with a x-axis based on time. Since there are multiple measures for each month, I'm just showing the label for the first day of each month. But I'm having trouble with the majorGridLines property. If I set it to true, all the lines are shown (attached figure 1). Another possibility is to show the grid lines in steps of 30, but of course, since each month has a different number of days, some values are shown in the wrong x-axis label...

Is there a way to align the majorGridLines with the custom labels?

Here is my code:

samples.forEach((s:any) => s.date = s.date.toDate());
 
    this.panes.push({
      clip: false,
      name: 'samples'
    });
 
    this.categoryAxis.push({
      name: 'samples',
      pane: 'samples',
      labels:  {
        visible: true,
        template: "#= value.getDate() == 1 ? kendo.toString(value, 'MMMM') : '' #",
        step: 1
      },
      majorGridLines: {
        visible: true,
        //step: 30
      },
      majorTicks: {
        visible: false
      },
      minorGridLines: {
        visible: false
      },
      justified: true,
      baseUnit: 'days'
    });
 
    this.valueAxis.push({
      name: 'samples',
      pane: 'samples',
      visible: true
    });
 
    let variables = Helpers.distinctInArray(samples, (i: MonitorSample) => i.variable);
    variables.forEach(v => {
      let filteredSamples = samples.filter(s => s.variable == v);
      this.series.push({
        name: v,
        type: 'line',
        line: {
          style: 'smooth'
        },
        field: 'value',
        categoryField: 'date',
        axis: 'samples',
        categoryAxis: 'samples',
        data: filteredSamples,
        tooltip: {
          visible: true,
          template: '#=value# #=category#'
        }
      })
    });
Stefan
Telerik team
 answered on 08 Mar 2017
4 answers
205 views

Hello. 

Is there any way to export Chart component as a pdf file? 

I haven't found any method on the Cart itself. There's nothing close to "saveAsPDF".

I tried following way:

import { ChartComponent } from '@progress/kendo-angular-charts';
import { drawDOM, exportPDF, pdf } from '@progress/kendo-drawing';

drawDOM(kendoChart.element.nativeElement, {
    paperSize: 'auto',
    margin: { left: '1cm', top: '1cm', right: '1cm', bottom: '1cm' }
    })
   .then(function (group) {
        pdf.saveAs(group, 'SomeFile.pdf');
    });

When I render a chart as a canvas, it works fine, but the chart itself doesn't look great in the browser. When I render the chart in svg mode, I get an empty pdf document.  

Could you give me a hint on how to resolve this problem? I need svg Chart exported to .pdf.

esp
Top achievements
Rank 1
Veteran
 answered on 07 Mar 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?