Telerik Forums
Kendo UI for jQuery Forum
1 answer
205 views
I am using the scheduler component in a production application with real customers.  Overall, the scheduler is working well; however, a few customers have contacted me very frustrated saying things like "data is being lost, schedules (occurrences) are being lost or deleted, ...".  I am posting this to see if others have had similar problems and to make others aware of potential causes (possibly alleviating some frustration).

In our case, two scenarios were causing the confusion.  Note: "Problem 2" is more severe in my opinion.  Below are the steps to reproduce each problem:

Problem 1 - Steps to Reproduce:

1. Create a repeating event (for example, repeat every 1 week on Monday through Friday) and note the "Start Date" which will default to the date for the cell you originally clicked.
2. Move ahead a week or two and click on one of the repeating occurrences
  - click "Edit the series"
  - then click "Delete"
  - then click "Delete current occurrence"
3. You will see that that occurrence that you clicked was not deleted.  If you move back to the "Start Date" for the series (noted in step 1), you will see that it has been deleted.

I would have expected the "Delete" button to delete the occurrence that I clicked, not the first occurrence.  I put in a ticket for "Problem 1", the rep agreed that this scenario would confuse an end user, and stated that some sort of change to the interface will be made in a future release.

My workaround for Problem 1:

Hide the "Delete" button on the popup edit window using css (occurrences and series can still be deleted with the "x" button):

.k-scheduler-edit-form .k-edit-buttons .k-scheduler-delete {
    display: none;
}

Problem 2 - Steps to Reproduce:

1. Create a repeating event (for example, repeat every 1 week on Monday through Friday)
2. Move ahead a week or two and click on one of the repeating occurrences (note the date)
  - click "Edit current occurrence"
  - make a change (such as extending the time range) and save
3. Move back a week and click on one of the repeating occurrences
  - click "Edit the series"
  - make a change to the Description
  - click Save
4. Move forward to the occurrence modified in step 2 and you will see that your change has been lost

Our customers are scheduling job workers.  They make changes to the schedule for holidays, deviations, and so on.  Sometimes, scheduling months ahead and making many changes (editing many occurrences in a series) .  Then, all of those changes are totally lost when the series itself is modified and saved.  This is a major problem that has frustrated one customer to the point of stating that our schedule implementation is not usable.

I am not sure what the solution to this is; however, I put in a ticket for it yesterday.  In the meantime, I wanted to make others aware.

My workaround for Problem 2:

Modified kendo code to change the series occurrence edit and save logic to result in the creation of a totally new occurrence (unrelated to the series).  I figured out the workaround by looking at the database records for a series containing modified occurrences and taking note of how the "RecurrenceID" and "RecurrenceException" fields were being used.  2 changes for the workaround:

1. Changed my web api controller POST (or insert) method to always set the "RecurrenceID" to null.  This will result in the inserted occurrence being unrelated to the series.  Something like this:
     
        public HttpResponseMessage PostSchedule(Schedule schedule)
        {
            if (ModelState.IsValid)
            {
                // set RecurrenceID to null;
                schedule.RecurrenceID = null;

                db.Schedules.Add(schedule);
                db.SaveChanges();

                HttpResponseMessage response = Request.CreateResponse(HttpStatusCode.Created, new[] { schedule });
                response.Headers.Location = new Uri(Url.Link("DefaultApi", new { id = schedule.ScheduleId }));
                return response;
            }
            else
            {
                return Request.CreateErrorResponse(HttpStatusCode.BadRequest, ModelState);
            }
        }

2. Changed the kendo code to never clear the "RecurrenceException" field.  When a series is modified and saved, the exceptions are deleted.  In this case, we don't want that to ever happen because we have created a new occurrence on those exception dates.  To do this, I commented out the code in the "_removeExceptions" function:

        _removeExceptions: function (model) {
// commented out
        },












Georgi Krustev
Telerik team
 answered on 24 Jan 2015
1 answer
109 views
Hi there;

I've enabled data-zoom on a couple of views in our app to support pinch to zoom.  However now it seems users can no longer swipe to show the navigation drawer?  Is this a bug or by design, or do I just have something configured incorrectly?

Thanks,
Jason
Kiril Nikolov
Telerik team
 answered on 24 Jan 2015
3 answers
178 views
Hello,

I have an issue with Internet Explorer (tested in IE9 & IE11 on Win 7) on the frozen columns grid.
http://demos.telerik.com/kendo-ui/grid/frozen-columns

When I scroll down from the Grid, the frozen columns seem to scroll down and the non frozen seem to scroll up.
It works fine with Firefox or Chrome.

Is this a known issue and is there a way to fix it ?

Many thanks
Kiril Nikolov
Telerik team
 answered on 24 Jan 2015
3 answers
103 views
How can I navigate inside of a table using the TAB key (like in Word) instead of the arrow keys?
Alex Gyoshev
Telerik team
 answered on 24 Jan 2015
1 answer
752 views
Hi there,

I want to change the margin and box-sizing css properties of the .k-animation-container. The reason is that I want the drop down to be the same as the header. 
When I write my css for this class, it gets overridden by inline styles. So please help me out here.

Also, please let me know if there is some other class that can be styled for the .k-animation-container to be affected.

Thank you in advance,
Nisarg
Nisarg
Top achievements
Rank 1
 answered on 23 Jan 2015
1 answer
214 views
Hi
  I am bind data in listview in mobile application,some data have long name like more than 150 letters,that time what happen ,it appear in second line,but not visible properly,

my code is 

  var listview = $("#filesView").data('kendoMobileListView');
  treeViewDatasource = new kendo.data.DataSource({ data: dirinfo, group: "GroupLetter" });
  listview.setDataSource(treeViewDatasource);

in above,dirinfo i get data form webservice,in mobile device width is small when compare with ipad,so in mobile device long name comes second line,but not to view,
Possible to increase the height of the listview based on item name ?

here i attach file

Regards
   Aravind
Petyo
Telerik team
 answered on 23 Jan 2015
4 answers
287 views
Hi , I just use the sample editor HTML

and click insert image ,always shows 405 method not allowed 

how can i solve this problem??


<!DOCTYPE html>
<html>
<head>
    <title></title>
        <link rel="stylesheet" href="Content/kendo.common.css" />
    <link rel="stylesheet" href="Content/kendo.default.css" />
    <link rel="stylesheet" href="Content/kendo.dataviz.css" />
    <link rel="stylesheet" href="Content/kendo.dataviz.default.css" />
    <script src="Scripts/jquery-1.10.2.js"></script>
    <script src="Scripts/kendo.all.js"></script>
</head>
<body>
        <div id="example">
 
            <div class="box">
                <p>Allowed file types for the Image browser are: jpg, jpeg, gif, png</p>
                <p>Allowed file types for the File browser for this demo are: txt, doc, docx, xls, xlsx, ppt, pptx, zip, rar, jpg, jpeg, gif, png</p>
            </div>
 
            <textarea id="editor" rows="10" cols="30" style="height:440px">
     
                </textarea>
            <script>
                $(document).ready(function() {
                    // create Editor from textarea HTML element with default set of tools
                    $("#editor").kendoEditor({
                        tools: [
                            "insertImage",
                            "insertFile"
                        ],
                        imageBrowser: {
                           messages: {
                            dropFilesHere: "Drop files here"
                           },
                           transport: {
                                read: "/test/",
                                destroy: {
                                    url: "/test/",
                                    type: "POST"
                                },
                                create: {
                                    url: "/test/",
                                    type: "POST"
                                },
                                thumbnailUrl: "/test/",
                                uploadUrl: "/test/",
                                imageUrl: "/test?path={0}"
                           }
                        },
                        fileBrowser: {
                            messages: {
                                dropFilesHere: "Drop files here"
                            },
                            transport: {
                                read: "/kendo-ui/service/FileBrowser/Read",
                                destroy: {
                                    url: "/kendo-ui/service/FileBrowser/Destroy",
                                    type: "POST"
                                },
                                create: {
                                    url: "/kendo-ui/service/FileBrowser/Create",
                                    type: "POST"
                                },
                                uploadUrl: "/kendo-ui/service/FileBrowser/Upload",
                                fileUrl: "/kendo-ui/service/FileBrowser/File?fileName={0}"
                            }
                        }
                    });
                });
            </script>
        </div>
 
 
</body>
</html>
Dimo
Telerik team
 answered on 23 Jan 2015
7 answers
425 views
How to call file html by ajax in Tabstrip when use with angularjs.
<div kendo-tab-strip k-content-urls="['index.html#/setting/setting-company.tpl.html', null ]">
    <ul>
        <li class="k-state-active">First tab</li>
        <li>Second tab</li>
    </ul>
</div>

I got error the file not found
Daniel
Telerik team
 answered on 23 Jan 2015
1 answer
134 views
I have the Kendo grid displaying OData query results. My grid is displaying asset entities which have several related entities such as Location. If I try to expand and display Location.Name, and Location is null then the grid will break. Is there anyway around this?
Alexander Popov
Telerik team
 answered on 23 Jan 2015
7 answers
225 views

How could I attach angularjs directive to kendo ui gird databound event?
Should I take any additional steps when grid is destroyed? 

<
div id="kgrid" kendo-grid="kgrid" options="opGrid" my-grid-auto-size></div>

.directive(
'myGridAutoSize', function (UIService) {
               return {
                restrict: 'A',
                link: function (scope, element, attrs, location) {
                    element.bind('dataBound', function () {
                        UIService.ResizeGrid();
                    });                  
                }
            }
});
Kiril Nikolov
Telerik team
 answered on 23 Jan 2015
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?