Telerik Forums
Kendo UI for jQuery Forum
1 answer
245 views

Hi there,

I'm working on a very large dataset, showing levels of exclusions on a funnel chart. Because the initial numbers are very large the final numbers are relatively very low, using dynamic slopes, the lower section of all my funnel charts are invisible. Is there a way to set a minimum width on a funnel chart, say 2 pixels, so that the end of the funnel is always visible?

 Kind regards,

Karl

Iliana Dyankova
Telerik team
 answered on 12 Jan 2016
1 answer
91 views

I have a multi-office situation, and in the scheduler, wish to allow the user to manage schedules for different users in separate offices.

The default examples show the same groupings repeated - I wish to have different distinct group and sub-groups.

See attached.

how to do this please?

 

Georgi Krustev
Telerik team
 answered on 12 Jan 2016
3 answers
227 views
Is it possible to load a map as SVG instead of as GeoJSON?  SVG allows for additional elements on a map as opposed to using GeoJSON, sa well as more advanced shapes as single polygons instead of multipolygons.  I've several jQuery/Javascript components that allow for this, but none with the extensive event controls that a kendo map component allows.
T. Tsonev
Telerik team
 answered on 12 Jan 2016
4 answers
2.2K+ views

I am using the Scheduler for scheduling upcoming events, some of which could be recurring. I understand that the standard RRULE format is used to denote recurrences, and that 3rd party libraries, like DDay.ical, can be used to expand those events once they're pulled down from the database. However, in the interest of efficiency, I would prefer to be able to return recurring events for a given date range via a SQL query.

The reason for this is that a web API service will be used to return these recurring events, so there should be no reliance on the Scheduler calendar when being consumed by this service. I want to avoid having to retrieve all recurring events, then looping through them, parsing/expanding one-by-one in order to throw out the ones that do not apply.

All said, does anyone have a good method for querying these events, based on their RRULE definitions, within the database? I imagine something like this is going on within the Scheduler components, but I'm not completely sure.

Thanks!

Vladimir Iliev
Telerik team
 answered on 12 Jan 2016
1 answer
171 views

Is there a way to trigger a function when Double Clicking a Item in a Kendo UI ListView using angular

Have tried to add ng-dblclick="onDblClickItem()" on the item template no luck..

Kiril Nikolov
Telerik team
 answered on 12 Jan 2016
3 answers
191 views

I have a project that should be very simple that uses one of the demos as a template, yet it is not loading data from the server - I am sure I am missing something simple, if anyone can help identify?

Things of note:

* If I give it a datasource manually, items appear, so I guess the events for "transport -> read" are not being triggered?

*If I put in a navigate option (navigate: scheduler_navigate), this gets called, and I see JSON data returned from the server - however, my understanding is this should not be necessary as "transport -> read" takes care of polling data from the server/data-source?

thanks.

Allen.

 

(1) The JS

 

// scheduler setup
            scheduler = $("#scheduler").kendoScheduler({
                views: ["day", { type: "workWeek" }, "week", "month", "agenda", { type: "timeline", eventHeight: 30, selected: true }],
                timezone: "Etc/UTC",
                majorTick: 30,
                datasource: {
                    batch: true,
                    transport: {
                        read: {
                            url: "/Home/LoadTasks",
                            datatype: "jsonp"
                        },
                        update: {
                            url: "/home/update",
                            datatype: "jsonp"
                        },
                        create: {
                            url: "/home/create",
                            datatype: "jsonp"
                        },
                        destroy: {
                            url: "/home/destroy",
                            datatype: "jsonp"
                        },
                        parametermap: function (options, operation) {
                            if (operation !== "read" && options.models) {
                                return { models: kendo.stringify(options.models) };
                            }
                            if (operation == "read") {
                                var scheduler = $("#scheduler").data("kendoscheduler");
                                return {
                                    type: "workweek",
                                    start: kendo.tostring(new date(scheduler.view().startdate()), "u"),
                                    end: kendo.tostring(new date(scheduler.view().enddate()), "u")
                                }
                            }
                        }
                    }
                },
                    schema: {
                        model: {
                            id: "taskId",
                            fields: {
                                taskId: { from: "TaskID", type: "number" },
                                title: { from: "Title", defaultValue: "No title", validation: { required: true } },
                                start: { type: "date", from: "Start" },
                                end: { type: "date", from: "End" },
                                startTimezone: { from: "StartTimezone" },
                                endTimezone: { from: "EndTimezone" },
                                description: { from: "Description" },
                                recurrenceId: { from: "RecurrenceID" },
                                recurrenceRule: { from: "RecurrenceRule" },
                                recurrenceException: { from: "RecurrenceException" },
                                isAllDay: { type: "boolean", from: "IsAllDay" }
                            }
                        }
                //    }
                },
                resources: resourceArray,
                group: {
                    resources: ["branches", "users"],
                    orientation: "vertical"
                },
                startTime: new Date("2013/6/13 07:00 AM"),
                height: 600
                }
            )

 

(2) Controller

         public JsonResult LoadTasks(string type, string start, string end)

        {
            TaskRepository TaskRep = new TaskRepository();
            return this.Jsonp(TaskRep.dateRange(type, start, end));
        }

 

(3) VM / Repo

 public IList<SchedulerEvent> dateRange(string type, string startDate, string endDate)
        {
            List<SchedulerEvent> result = new List<SchedulerEvent>();
            DateTime dateStart = Convert.ToDateTime(startDate);
            DateTime dateEnd;
            if (endDate != "")
            {
                dateEnd = Convert.ToDateTime(endDate);
            }
            if (result == null || UpdateDatabase)
            {


                    if (type == "workWeek")
                    {
                        dateEnd = dateStart.AddDays(4);

                        SchedulerEvent itm1 = new SchedulerEvent();
                        itm1.TaskID = 1;
                        itm1.Title = "Task 1";
                        itm1.Start = DateTime.SpecifyKind(dateStart, DateTimeKind.Utc);
                        itm1.End = DateTime.SpecifyKind(dateEnd, DateTimeKind.Utc);
                        itm1.StartTimezone = null;
                        itm1.EndTimezone = null;
                        itm1.Description = "Description";
                        itm1.IsAllDay = false;
                        itm1.RecurrenceRule = null;
                        itm1.RecurrenceException = null;
                        itm1.branchID = 10;
                        itm1.userID = 1;
                        result.Add(itm1);


                        SchedulerEvent itm2 = new SchedulerEvent();
                        itm2.TaskID = 1;
                        itm2.Title = "Task 2";
                        itm2.Start = DateTime.SpecifyKind(dateStart.AddDays(1).AddMinutes(30), DateTimeKind.Utc);
                        itm2.End = DateTime.SpecifyKind(dateEnd.AddDays(1).AddMinutes(30), DateTimeKind.Utc);
                        itm2.StartTimezone = null;
                        itm2.EndTimezone = null;
                        itm2.Description = "Description";
                        itm2.IsAllDay = false;
                        itm2.RecurrenceRule = null;
                        itm2.RecurrenceException = null;
                        itm2.branchID = 20;
                        itm2.userID = 2;
                        result.Add(itm2);


                        SchedulerEvent itm3 = new SchedulerEvent();
                        itm3.TaskID = 1;
                        itm3.Title = "Task 3";
                        itm3.Start = DateTime.SpecifyKind(dateStart.AddDays(2).AddMinutes(45), DateTimeKind.Utc);
                        itm3.End = DateTime.SpecifyKind(dateEnd.AddDays(2).AddMinutes(45), DateTimeKind.Utc);
                        itm3.StartTimezone = null;
                        itm3.EndTimezone = null;
                        itm3.Description = "Description";
                        itm3.IsAllDay = false;
                        itm3.RecurrenceRule = null;
                        itm3.RecurrenceException = null;
                        itm3.branchID = 10;
                        itm3.userID = 3;
                        result.Add(itm3);




                }
                    else if (type == "timeline" || type == "day")
                    {
                        dateEnd = dateStart.AddDays(1);


                        SchedulerEvent itm1 = new SchedulerEvent();
                        itm1.TaskID = 1;
                        itm1.Title = "Task 1";
                        itm1.Start = DateTime.SpecifyKind(dateStart, DateTimeKind.Utc);
                        itm1.End = DateTime.SpecifyKind(dateEnd, DateTimeKind.Utc);
                        itm1.StartTimezone = null;
                        itm1.EndTimezone = null;
                        itm1.Description = "Description";
                        itm1.IsAllDay = false;
                        itm1.RecurrenceRule = null;
                        itm1.RecurrenceException = null;
                        itm1.branchID = 10;
                        itm1.userID = 1;
                        result.Add(itm1);


                        SchedulerEvent itm2 = new SchedulerEvent();
                        itm2.TaskID = 1;
                        itm2.Title = "Task 2";
                        itm2.Start = DateTime.SpecifyKind(dateStart.AddMinutes(30), DateTimeKind.Utc);
                        itm2.End = DateTime.SpecifyKind(dateEnd.AddMinutes(30), DateTimeKind.Utc);
                        itm2.StartTimezone = null;
                        itm2.EndTimezone = null;
                        itm2.Description = "Description";
                        itm2.IsAllDay = false;
                        itm2.RecurrenceRule = null;
                        itm2.RecurrenceException = null;
                        itm2.branchID = 20;
                        itm2.userID = 2;
                        result.Add(itm2);


                        SchedulerEvent itm3 = new SchedulerEvent();
                        itm3.TaskID = 1;
                        itm3.Title = "Task 3";
                        itm3.Start = DateTime.SpecifyKind(dateStart.AddMinutes(45), DateTimeKind.Utc);
                        itm3.End = DateTime.SpecifyKind(dateEnd.AddMinutes(45), DateTimeKind.Utc);
                        itm3.StartTimezone = null;
                        itm3.EndTimezone = null;
                        itm3.Description = "Description";
                        itm3.IsAllDay = false;
                        itm3.RecurrenceRule = null;
                        itm3.RecurrenceException = null;
                        itm3.branchID = 10;
                        itm3.userID = 3;
                        result.Add(itm3);
                  }





                }


                HttpContext.Current.Session["Tasks"] = result;



            return result;
        }

Rosen
Telerik team
 answered on 12 Jan 2016
2 answers
89 views

Hi,

 When I have a chart displayed like so : http://take.ms/ms8e1

 The space on the right is not available for me to drag a task into if I want to, for example I cannot drag and drop one of the tasks to start on 1/10 in the screnshot without first having a task that exists on that timeline, thus expanding the chart area.

Is it possible to extend the draggable area out several units past the last existing end date ?

Travis
Top achievements
Rank 1
 answered on 12 Jan 2016
2 answers
119 views

I have a kendoGrid loaded inside a kendoTabStrip.  The kendoTabStrip is contained within a div styled as follows:

         #bindableObjectsContainer {

            width: 400px;
            overflow: auto;
            white-space: nowrap;
            text-wrap: none;
        }

.The kendoGrid has the following properties:

            height: 500,
            scrollable: false,

The entire page is contained inside an iframe with width and height defined as follows:

 width="100%" height="600"

The grid data displays fine.  The container div has both horizontal and vertical scroll bars, as desired.  The problem is that the background color of the alt rows does not extend past the base unscrolled position.  Please see attached screen shots.  Any ideas?  Thanks.

 

 

Scott
Top achievements
Rank 1
 answered on 11 Jan 2016
2 answers
181 views

Not sure if it is me who can't find it but where can I find some complete documentation about what AngularJS directives/attributes that are?  So that we don't have to guess based on what they are named for jQuery? 

Like this:

 

    <div kendo-grid="grid"
         k-sortable="true"
         k-pageable="true"
         k-filterable="true"
         k-editable="'popup'"
         k-selectable="true"
         k-columns='[
                        { field: "Name", title: "Name"},
                        {command: [ "edit" , "destroy"], width: 180 }]'
         k-data-source="vm.accommodationTypesDataSource"
         k-toolbar='["create", "excel", "pdf"]'>
    </div>

Simon
Top achievements
Rank 1
 answered on 11 Jan 2016
2 answers
296 views

I have been scratching my head for a while here, it seemed like a random bug at first but now I can reproduce it. 

It happens when I have more than one column filter and when there is a datetime filter on for instance the second filtered column. 

Say we have the following filter returned from dataSource.filter():

{
    "filters": [
        {
            "logic": "or",
            "filters": [
                {
                    "value": 3,
                    "operator": "eq",
                    "field": "powerState"
                }
            ]
        },
        {
            "logic": "and",
            "filters": [
                {
                    "field": "alarm1Created",
                    "operator": "gt",
                    "value": "2016-01-04T23:00:00.000Z"
                },
                {
                    "field": "alarm1Created",
                    "operator": "lt",
                    "value": "2016-01-28T23:00:00.000Z"
                }
            ]
        }
    ],
    "logic": "and"
}


The odata filter generated from this is:

&$filter=(powerState eq 3 and (alarm1Created gt 2016-01-05T01:00:00+00:00 and alarm1Created gt 2016-01-29T00:00:00+00:00))

Which is as expected.

Now load the filter back using:

dataSource.query({
                   filter: filter,
                   sort: sort,
                   group: group,
                   pageSize: pageSize,
                   page: page
               });

but now the odata url becomes

&$filter=(powerState eq 3 and (alarm1Created gt '2016-01-05T00:00:00.000Z' and alarm1Created lt '2016-01-29T00:00:00.000Z'))

which is of course incorrect. The alarm1Created datetimes are not parsed as datetimes but as strings!
This seems to happen only when the datetime is nested inside a parenthesis. Without the PowerState filters there is no problem with the datetimes.

Sune
Top achievements
Rank 1
 answered on 11 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
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?