Telerik Forums
Kendo UI for jQuery Forum
3 answers
243 views
Hello

When I press Ctrl+Z to undo changes, it does the undo however I get this JS error:
Line: 21
Error: Unable to get property 'selectRange' of undefined or null reference

I've checked the code and it seems that this.editor was never initialized.

You can reproduce the issue using the online demo

Regards,
Alex Gyoshev
Telerik team
 answered on 25 Nov 2013
5 answers
201 views
I've gone over to the demos and the widgets aren't responsive.  Ok so maybe you haven't updated the website.  
So where is the documentation?  I blame it on my add
Alex Gyoshev
Telerik team
 answered on 25 Nov 2013
7 answers
477 views
Hi,
 
I am using KendoUI web widgets in my enterprise app. I need to create/customize a Theme as our corporate branding. After reading the docs, I realized that there is a tool called ThemeBuilder for this purpose available here http://demos.kendoui.com/themebuilder/web.html
 
Now I need to understand the logic behind the color options this tool (ThemeBuilder) shows me. All the Themes are based on 4 primary colors as shown in the selection options. However, when i try to modify/customize any theme, I found that there are more to it? How the ThemeBuilder is calculating all other colors besides the 4 Theme colors?
If I need to create my own corporate theme with 4 primary colors, how do I pick rest of the colors as shown in ThemeBuilder?
 
On the second note, ThemeBuilder can generate css and less. Is there a way to generate Scss as we are using scss in our organization?
 
Does Telerik provides scss version of their source styles. I know they provide css and less in their source directory. But converting them to scss looks like a nightmare to me!
 
 
Appreciate your help.
Dimo
Telerik team
 answered on 25 Nov 2013
1 answer
107 views
I'm trying to add a new item to the kendo scheduler.
My database columnNames for the start and end are "TimeStart" and "TimeEnd"
These columns have datetime formats.

In the scheduler I use the following lines to read the items from the database.
start: { type: "date", from: "TimeStart" },
end: { type: "date", from: "TimeEnd" },

When I create a new item, I set the TimeStart and TimeEnd to the chosen values.
But, because it's a custom insert form, I use:
$("#Scheduler").data().kendoScheduler.dataSource.add(newItem);

Before adding the item to this function, the dates are properly added to the object.
When I do another console.log() in the create function, the dates are suddenly changed to the current date/time.
My create function is just like this:
create: function (e) {    console.log(e);    }
Why does the dataSource.add() function reset all my dates?

note: I've tested this with another field in my database "CreatedDate", which has no "from" attribute in the fields configuration.
 It turns out that this object doesnt change, when I set it, but when I leave it empty, Kendo will fill it also with the current Date/Time

Thanks in advance!
Rosen
Telerik team
 answered on 25 Nov 2013
4 answers
153 views
pl help me,.
I'm having difficulty in parameter in children tree view.
I don't know how to do it.
Everyone pl hepl me.
My code here below:
**********************************************************************
 function populateTreeView(){
       var url = "/Home/Get_Catagory_Menu";
        var dataSource = new kendo.data.HierarchicalDataSource({
            transport: {
                read: {
                    url: url,
                    dataType: "json",
                    data: { 'flag': 1, cat_id=????  ==> it here }
                }
            },
            schema: {
                model: {
                    id: "cat_id",
                    text: "cat_name",
                    expanded: false,
                    hasChildren:"haschildren",
                    children:{
                        transport: {
                            read: {
                                url: url,
                                dataType: "json",
                                data: { 'flag': 2 , cat_id=????  ==> it here}
                            }
                        },
                        schema: {
                            model: {
                                id: "prd_id",
                                text: "prd_name",
                                hasChildren: false
                            }
                        }
                   }
                },
            }
        });
//        function onExpand(e){
//            console.log(this.text(e.node));
//        }
        $("#treeview").kendoTreeView({
          // autoBind: false,
            dataSource: dataSource,
            dataTextField: ["cat_name","prd_name"],
          // expand: onExpand,
       });
   }
    $(document).ready(function () {
        populateTreeView();
    })
********************************************
Petur Subev
Telerik team
 answered on 25 Nov 2013
8 answers
253 views
I have explained the details  here

My problem is that virtual scrolling works fine with varying 'total '( i.e, correctly stops  making ajax calls when the 'total' equals the number of items received)   however when  server filtering is enabled the scrolling never stops(even when the total equals the items received)

Note: This behavior is seen when you use the filter widget (but not when you merely enable 'serverFiltering' to 'true')

Any workaround for this?
Rosen
Telerik team
 answered on 25 Nov 2013
24 answers
1.8K+ views
I've been experimenting with Knockout and Kendo and I'm a bit confused how the two work together.  The integration example doesn't quite go far enough when the DropDownList is built using an input element.

The problem I see is that if I change the value in the model the DropDownList does not display the correct value.  I think that if I have the modelview bond to the input value that changing the value in the model would cause the DropDownList to select the right value as well and display it as the selected item.

Mithun Prasath
Top achievements
Rank 1
 answered on 23 Nov 2013
8 answers
157 views
Hi,

I am using the Kendo UI Web v2013.2.716. I am trying to create the scheduler within a tabstrp. however when the page first lauched the tabstrip is not able to render the scheduler. strangely if i click the day or week view the UI will refresh and tabstrip will be able to render the scheduler properly.  even more bizzarly, if i enable developper tool in chrome or firebug tool in FF then switch off the tools, the misformed problem will go away too.

the code i am using is very basic code from the demo. code attached

01.$("#scheduler").kendoScheduler({
02.        date: new Date("2013/6/13"),
03.        startTime: new Date("2013/6/13 07:00 AM"),
04.        height: 300,
05.        views: [
06.            {type:"day",selected:true},
07.            { type: "week"},
08.            "month"
09.        ],
10.        timezone: "Etc/UTC",
11.        dataSource: {
12.            batch: true,
13.            transport: {
14.                read: {
15.                    url: "http://demos.kendoui.com/service/tasks",
16.                    dataType: "jsonp"
17.                },
18.                parameterMap: function(options, operation) {
19.                    if (operation !== "read" && options.models) {
20.                        return {models: kendo.stringify(options.models)};
21.                    }
22.                }
23.            },
24.            schema: {
25.                model: {
26.                    id: "taskId",
27.                    fields: {
28.                        taskId: { from: "TaskID", type: "number" },
29.                        title: { from: "Title", defaultValue: "No title", validation: { required: true } },
30.                        start: { type: "date", from: "Start" },
31.                        end: { type: "date", from: "End" },
32.                        startTimezone: { from: "StartTimezone" },
33.                        endTimezone: { from: "EndTimezone" },
34.                        description: { from: "Description" },
35.                        recurrenceId: { from: "RecurrenceID" },
36.                        recurrenceRule: { from: "RecurrenceRule" },
37.                        recurrenceException: { from: "RecurrenceException" },
38.                        ownerId: { from: "OwnerID", defaultValue: 1 },
39.                        isAllDay: { type: "boolean", from: "IsAllDay" }
40.                    }
41.                }
42.            },
43.            filter: {
44.                logic: "or",
45.                filters: [
46.                    { field: "ownerId", operator: "eq", value: 1 },
47.                    { field: "ownerId", operator: "eq", value: 2 }
48.                ]
49.            }
50.        },
51.        resources: [
52.            {
53.                field: "ownerId",
54.                title: "Owner",
55.                dataSource: [
56.                    { text: "Alex", value: 1, color: "#f8a398" },
57.                    { text: "Bob", value: 2, color: "#51a0ed" },
58.                    { text: "Charlie", value: 3, color: "#56ca85" }
59.                ]
60.            }
61.        ]
62.    });


I have tried to alternate the squence of creating the tabstrip and scheduler but that did not fix the problem.  on the same tabstrip (different tab) i have a grid which is linked to a remote datasource. there is no problem for the tabstrip to host the grid.


I have also attached the screenshots.

Many thanks
amp
Martin
Top achievements
Rank 1
 answered on 22 Nov 2013
3 answers
191 views
Hello,

I'm  new to both KendoUI and JQuery.
I'm trying to create a new application and it's starting well.

I'm creating a "Settings" page where a user would be able to choose skin, "Native" or "Flat".
Those chooses are in a <form> and <select>,

The part of view
<li>
                    <label>Skin
                        <select class="skinchange">
                            <option value="">Native</option>
                            <option value="flat">Flat</option>
                        </select>
                    </label>
                </li>

I would like to call a function in "app.js" when an option is chosen.
app.changeSkin = function (e) {
        if (e.sender.element.value() === "flat") {
            mobileSkin = "flat";
        }
        else {
            mobileSkin = "";
        }

        app.application.skin(mobileSkin);
    };

I don't know how to do it or if it's possible :)

By having following code in the index.html I can change the skin but I would prefer If I could concentrate all that stuff in .js files.
<script>
    $( ".skinchange" ).change(function() {
        
        var mobileSkin = $(".skinchange").val();
        
        app.application.skin(mobileSkin);
    });
    </script>

Best regards and thanks in advance!
Steve
Telerik team
 answered on 22 Nov 2013
6 answers
800 views
Demo page: http://demos.kendoui.com/web/datepicker/events.html

Non-date values don't trigger change events...so I can't remove\fix non-date values (as the control doesn't seem to enforce that itself...or am I missing a property to do that?)
sitefinitysteve
Top achievements
Rank 2
Iron
Iron
Veteran
 answered on 22 Nov 2013
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)
SPA
Filter
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
OrgChart
TextBox
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
Popover
DockManager
FloatingActionButton
TaskBoard
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
TimePicker
DateTimePicker
RadialGauge
ArcGauge
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?