Telerik Forums
Kendo UI for jQuery Forum
5 answers
386 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
537 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
78 views
How to limit number of legends to save area on graph?
Stefan
Telerik team
 answered on 08 Mar 2017
1 answer
249 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
54 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
211 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
322 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
188 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
216 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
1 answer
8.8K+ views
Hello,

We have two plug-ins(Window) on the same page which use the <div class="k-widget k-window"> as a main container.
Each of the two plug-ins use the same Kendo classes for most of their elements, and currently
there's no way to style the elements individualy for each plug-in. Obviously we should add
a specific class to the <div class="k-widget k-window">, so that we could specify each element.
Could you give us a solution to this problem ?
Thank you.

Kind Regards,
Aleksandar Ivanov
Nop-Templates.com
Robert
Top achievements
Rank 1
 answered on 07 Mar 2017
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
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
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?