Telerik Forums
Kendo UI for jQuery Forum
7 answers
302 views

Zooming In and Out works well in Chrome, but I just realised it never zooms In in Firefox. By scrolling the mouse wheel both ways it always zooms Out.

Any Idea what could affect that issue? Thanks in advance!

Here is my diagram, I also tried to remove all properties, but that didn't change the described on top behaviour, nothing specific:

var kendoDiagram = diagram.kendoDiagram({
        dataSource: shapesDataSource,
        connectionsDataSource: connectionsDataSource,
        shapeDefaults: {
            editable: {
                tools: false
            },
            visual: visualTemplate,
            content: {
                template: '#= typeof dataItem.customData === "undefined" || typeof dataItem.customData.status === "undefined" || dataItem.customData.status === "" ? dataItem.text : dataItem.customData.status #'
            }
        },
        connectionDefaults: {
            editable: {
                tools: false
            },
            startCap: "FilledCircle",
            endCap: 'ArrowEnd',
            type: "polyline"
        },
        dragEnd: function(e) {
 
            var el = e.connections[0];
 
            if (typeof el !== 'undefined') {
                var source = el.sourceConnector,
                    target = el.targetConnector;
 
                if( typeof source == 'undefined' || typeof target == 'undefined') {
                    //console.log('connection is not connected both sides!');
                    el.options.stroke.color = '#ff0000';
                    el.options.hover.stroke.color = '#ff0000';
                } else {
                    el.options.stroke.color = '#2e2e2e';
                    el.options.hover.stroke.color = '#2e2e2e';
                }
            }
        },
        change: function (e) {
            var element = e.added[0];
            if (element && element instanceof kendo.dataviz.diagram.Shape) {
                var dataItem = element.dataItem;
                var point = new kendo.dataviz.diagram.Point(dataItem.x, dataItem.y);
                element.position(point);
            }
        },
        pannable: {
            key: "shift"
        },
        editable: {
            resize: false,
            tools: false
        },
        zoomMax: 3.5,
        zoomMin: 0.2,
        click: function(e) {
            e.preventDefault();
            console.log('click...');
        }
    }).getKendoDiagram();
Oleksa
Top achievements
Rank 1
 answered on 01 Mar 2021
3 answers
1.7K+ views

Hello

How to add a clearButton to the kendoTextBox control ? Same as in Autocomplete ...

Thanks.

Mihaela
Telerik team
 answered on 01 Mar 2021
1 answer
206 views

Hello everybody,

I have a problem on the editing popup in the Grid widget. Based on the guide, I modified the example code in order to  to only accept READ and CREATE operations:

<script>
    $(document).ready(function () {
        var dataSource = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: '@Url.Action("GetAssignations", "Tasks")'+'/'+'@Model.IdProject',
                        dataType: "json",
                        type: 'GET'
                    },
                    create: {
                        url: '@Url.Action("CreateAssignation", "Tasks")',
                        dataType: "json",
                        type: 'POST',
                        contentType: "application/json"
                    },
                    parameterMap: function (options, operation) {
                        if (operation !== "read" && options.models) {
                            var output = "";
                            $.each(options.models, function (index, value) {
                                console.log(value);
                                output = value;
                            });
                            return kendo.stringify(output);
                        }
                    }
                },
                batch: true,
                pageSize: 20,
                schema: {
                    model: {
                        id: "idAssignation",
                        fields: {
                            idProject: { type: "number", defaultValue: function () { return @Model.IdProject} },
                            assignee: { type: "string" },
                            addedOn: { type: "date", editable: false }
                        }
                    }
                }
            });
 
        $("#grid").kendoGrid({
            dataSource: dataSource,
            pageable: true,
            //height: 550,
            toolbar: ["create"],
            columns: [
                { field: "assignee", title: "Assignee" },
                { field: "addedOn", title: "Added on" },
            ],
            editable: "popup"
        });
    });
 
</script>

 

Both READ and CREATE work because the data are correctly read/written into database; however, after the POST the editing popup does not disappear.

Could you give me some help?

Thanks in advance.

Filippo

Stoyan
Telerik team
 answered on 01 Mar 2021
1 answer
2.7K+ views

     Dear Support team,

i'm using the daterange picker of the Kendo UI. and I want to call a function when the from date and to date both selected (up on closing may be)

I tried using the close event but on the close event i do not get the end date (End date is null on the closing event)

your help is much appreciated

 

Thanks

Ramesh R 

Mihaela
Telerik team
 answered on 26 Feb 2021
2 answers
779 views

Hello.

We have just updated kendo to it's lastest version and one of our components is completely broken due to this container.

Is there any posibility to prevent the generation of this container ?

I've searched about this and found this post about the ContentElement but if we add this the source data-bind is not working at all.

GitHub issue: https://github.com/telerik/kendo-ui-core/issues/5772

Not working example:

<div id="sortableDropArea" data-role="listview" data-template="draggableElement" data-bind="source: listOfItems, contentElement: ' '"></div>

 

Example of our current code:

Main container:

<div class="">
    <div id="sortableDropArea" data-role="listview" data-template="draggableElement" data-bind="source: listOfItems"></div>
</div>

Child template:

<script type="text/x-kendo-tmpl" id="draggableElement">
    <li class="list-group-item" fieldId="#: items.itemId#">
        <span class='itemNameText'>
            #: items.itemName#
        </span>
    </li>
</script>

Georgi Denchev
Telerik team
 answered on 26 Feb 2021
5 answers
779 views
All it ever returns for me is an 'undefined' on a kendo.dropdownlist which clearly has multiple items in its content.  
Stoyan
Telerik team
 answered on 26 Feb 2021
1 answer
118 views

When I use paging + filtering on the grid, and I edit my data, that makes the view change size, the pager is not updated.

https://dojo.telerik.com/@foxontherock/iminugeH/3

Click on the "filter" button, that changes all "number" field to make them visible on the view.

When you click on the pager, it correctly refreshes.

That can be fixed by adding a "kgrid.pager.refresh()" on the grid dataBound, but I think it should be fixed on your side.

 

Mihaela
Telerik team
 answered on 26 Feb 2021
1 answer
251 views

Hello,

I'm doing some research on behalf of my team and have been looking for documentation that discusses linking functionality from notification pop-ups. This may be an easy thing to do but I am not a programmer (sorry!).  Can anyone confirm that it is possible to embed links in the notifications? 

For example: Worker A completes work that automatically is assigned to Worker B.  When Worker A completes their work the system auto-generates a notification to Worker B letting them know work has been assigned to them.  Worker B can either hit the X to dismiss or click the body of the notification to link them to the application page that requires their attention. 

Any help on this is much appreciated!

Cheers

Stoyan
Telerik team
 answered on 26 Feb 2021
1 answer
221 views

You can insert data from google docs in kendo editor ? 

Please tell me what to do about this user data source.

Martin
Telerik team
 answered on 26 Feb 2021
6 answers
609 views
I have a kendo window with an editor that I open and close with an editor on it. I want to destory the editor when I close the window. They command executes without error, but the editor stays in place and the next time I get a second editor. I was worried it was the window, but added a second editor on my main page and got the same results. Each time the window is open another editor appears, when I close and reopen it just stacks another one in.

I am running: kendo.web.min.js v2012.3.1121

HTML: (This is the test Text Area and is not in the window div.)
        <div style="padding-top: 5px;">
            <asp:Label ID="Label4" class="filterCheckboxHeader" runat="server" Text="Email Body Test:"></asp:Label>
            <div>
                <textarea id="Textarea1" rows="10" cols="30" style="width:500px;height:300px">
                </textarea>
            </div>
        </div>

Window Open:

function labelEmail(trackingNumber) {
    var kendoWindow = $("#emailWindow").data("kendoWindow");
    kendoWindow.open();
    kendoWindow.center();
    kendoWindow.toFront();
    // This is the real one, in the window div
    $("#txtLabelEmail_Body").kendoEditor({
        width: "300px",
        height: "150px"
    });
    // This is the extra test one, not in the window div, they both behave the same.
    $("#Textarea1").kendoEditor({ 
        width: "300px",
        height: "150px"
    });
};

Window Close:
function labelEmail_Cancel() {
var kendoEditor = $("#txtLabelEmail_Body").data("kendoEditor");
kendoEditor.destroy();

var Textarea1 = $("#Textarea1").data("kendoEditor");
Textarea1.destroy();

var kendoWindow = $("#emailWindow").data("kendoWindow");
kendoWindow.close();
}

Thanks for the help.
Randy Miller

Dimo
Telerik team
 answered on 26 Feb 2021
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
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
ScrollView
Switch
BulletChart
Licensing
QRCode
ResponsivePanel
TextArea
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
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
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
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?