Telerik Forums
Kendo UI for jQuery Forum
1 answer
227 views

Editor top getting blank space when Grammarly extension loaded.

see the image

how to fix the this issue on editor side. 

Martin
Telerik team
 answered on 05 Mar 2021
1 answer
153 views

I have a chart, with a grouped bubble series.  Using dates on the X-Axis, months, with a 12 month period displaying initially.  Chart has about 10 years of data, and after scrolling to the left and panning the chart, when attempting to scroll back to the right, I can't pan all the way back to the end, the scrolling stops about 6 months short.  The chart displays correctly initially, but once you scroll the recent months off of the view, you can't get back to them.

Wondering if this is an issue that has been encountered before, and if so, there may be a known data cause or some configuration setting I'm missing.

If necessary, I can create a sample.  Current chart code is bound to API services, so a little difficult to just drop into this post.

Nikolay
Telerik team
 answered on 05 Mar 2021
3 answers
141 views

Hi,

Does anyone know how to customize the size of every components in Kendo Form using JQuery at the beginning of form component initialization stage?

Thanks.

 

Eric

 

Petar
Telerik team
 answered on 05 Mar 2021
4 answers
262 views

I want to create a wizard from an existing form that includes several kendo widgets. The form and its widgets work fine until I initiate the wizard. The first step of the wizard includes a country dropdown and that stops working as soon as the wizard has been initialised. The dropdown doesn't respond to any clicks, nor are there any errors displayed in the browser console. One of the checkboxes should trigger a view model method, but that's not working either.

The form is used to add data to the database. The same form is used to update the database (without needing a wizard) and works as intended when updating.

Help?

Regards,

Henk

Henk
Top achievements
Rank 1
 answered on 04 Mar 2021
3 answers
307 views

I am not sure if the TabStrip control is the right one to use for what I am trying to do.

Below is the screenshot of what I am working on:

Bryan Patrick
Top achievements
Rank 1
 answered on 04 Mar 2021
4 answers
120 views
Hi,

I'm able to filter the grid between two date ranges but if the users just enters the 2nd date and leaves the first date bank I'm not able to filter those results. Need some help getting the end date to filter as well.

Here is code below: 

 

function FilterGrid() {
    var grid = $("#grid").data("kendoGrid");
 
    var orderDateFromFilter = $("#FromDate").val().split('-');
    var orderDateToFilter = $("#ToDate").val().split('-');
 
    if (orderDateFromFilter == "") {
        orderDateToFilter = "";
        $("#ToDate").val("");
        $("#text5").val("");
        $("#text6").val("");
    }
    else if (orderDateToFilter == "") {
        $("#ToDate").val($("#FromDate").val());
        $("#text6").val($("#text5").val());
        orderDateToFilter = orderDateFromFilter;
    }
 
    var mydate1 = new Date(orderDateFromFilter[0], orderDateFromFilter[1]-1, orderDateFromFilter[2]);
    var mydate2 = new Date(orderDateToFilter[0], orderDateToFilter[1]-1, orderDateToFilter[2]);
 
    var filter = { logic: "and", filters: [] };
 
    filter.filters.push({ field: "FilterByDate", operator: "gte", value: mydate1 });
    filter.filters.push({ field: "FilterByDate", operator: "lte", value: mydate2 });
 
    if (orderDateFromFilter== "" && orderDateToFilter == "")
        filter = "";
    grid.dataSource.filter(filter);
}
Mihaela
Telerik team
 answered on 04 Mar 2021
1 answer
168 views

using kendo version 2015.3.1111 (limitation to this version due to other maximum targets of system)

I've noticed using the kendo Grid that the below element is added to the DOM for each column (note the positioning is different per column):

<div class="cover" style="left: 47px; top: 1932.15px; width: 90px; height: 30px; position: absolute;">

 

On edit and save/cancel of a row this element is duplicated again and again. I noticed the issue as I hide an element on the main page when i hit edit in the grid and the positioning then changed and the hover/clickable area of the button was not on top of the button.

Note that if i override the style with display: none i fix the clicking issue without any noticeable side-effects however the DOM is still polluted with these numerous div elements.

Can anyone provide some insight and/or a resolution to remove these elements?

Tsvetomir
Telerik team
 answered on 04 Mar 2021
1 answer
144 views

I want to identify or handle the tiles separately through JavaScript by the id or custom attribute e.g. data-functional-id. 

is there any provision which will allow me to add custom attribute to the tiles? 

Tsvetomir
Telerik team
 answered on 04 Mar 2021
1 answer
123 views

Hi,

At the moment I have no items in the Scheduler. After investigating I came to the conclusion there are 2 types of e given from the scheduler. I know because I handled the databound like this:

function scheduler_dataBinding(e) {
console.log(e);
}

When I do so I have the following log in the console shown in the attachement.

I think that because of the second databound, there are no items in the scheduler.

Kind regards,

Roel Alblas

 

Aleksandar
Telerik team
 answered on 04 Mar 2021
5 answers
285 views

I am running into an issue where the Excel Export from my grid seems to be randomly missing rows.  As an example, I can see in Firebug that my REST service is returning 1,735 rows of data.  But when I export to Excel, the exported file and the excelExport event only shows 1,728 rows.  And that includes the Excel headings, so I should be seeing 1,736.  Other examples may be off by 1 or 2 rows.  And some are working exactly right.  Any thoughts on how to resolve this are appreciated.

I am using serverPaging and Kendo UI 2016.1.125.

excelExport Event

excelExport : function(e) {
   // debug
   var sheet = e.workbook.sheets[0];
   alert(sheet.rows.length);
}

dataSource

var ds = new kendo.data.DataSource({
    type: "json",
    pageSize:100,
    transport: {
        read: "../myurl"
    },
    serverPaging: true,
    schema: {
        model: {
            id: "rn",
            fields: {
                rn: { type: "number"},
                invno: { type: "string", editable: false},
                ....
            } // end fields
        }, // end model
        data: "invoices",
        total: "total" //have to have this with serverPaging set to true
    },
    error: function (e) {
        console.log("error ---> Status: " + e.status);
    }
});// end datasource

Data Returned from REST Service

{
    "total": 1735,
    "invoices":
    [
        {
            "rn": 1,
            "invno": "12345",
            ...
        },
        ....
        {
            "rn": 1735,
            "invno": "67890",
            ...
        }
    ]
}

 

 

Nikolay
Telerik team
 answered on 03 Mar 2021
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
Date/Time Pickers
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
Gauges
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
ScrollView
PivotGridV2
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
+? 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?