Telerik Forums
Kendo UI for jQuery Forum
1 answer
156 views

Hi Admin and everybody,

I want call function() when click into color area. 

It will get category and value corresponding to that region. 

Can Kendo Pie Charts do that? 

Hope to get a reply soon from Admn and everybody. Thanks so much.

Code Demo architecture that I want to apply:

<script>
        var data = [
            {
                "source": "Hydro",
                "percentage": 22,
                "explode": true
            },
            {
                "source": "Solar",
                "percentage": 2
            },
            {
                "source": "Nuclear",
                "percentage": 49
            },
            {
                "source": "Wind",
                "percentage": 27
            }
        ];

        function createChart() {
            $("#chart").kendoChart({
                title: {
                    text: "Break-up of Spain Electricity Production for 2008"
                },
                legend: {
                    position: "bottom"
                },
                dataSource: {
                    data: data
                },
                series: [{
                    type: "pie",
                    field: "percentage",
                    categoryField: "source",
                    explodeField: "explode"
                }],
                seriesColors: ["#03a9f4", "#ff9800", "#fad84a", "#4caf50"],
                tooltip: {
                    visible: true,
                    template: "${ category } - ${ value }%"
                }
            });
        }

        $(document).ready(createChart);
        $(document).bind("kendo:skinChange", createChart);
    </script>
</div>


Nikolay
Telerik team
 answered on 19 May 2021
4 answers
153 views

I want to make a grid with excel exporting feature which will export all data.

However, the grid might contain a massive amount of data that makes the export process spends lots of time.

I've found this that shows confirmation before exporting.

https://docs.telerik.com/kendo-ui/knowledge-base/export-the-grid-to-excel-only-after-confirmation

 

However, the confirmation popup window shows after loading all data (it popup after a few time after I click the export button, so I guess it loads all the data, or the excelExport event is activated after the excel file is well prepared to be exported).

Is it possible to show the confirmation window as soon as I click the export button?

 

Thanks.

Anton Mironov
Telerik team
 answered on 18 May 2021
8 answers
3.4K+ views
Hi, 

Our whole system is design for fast data input and one requirement is that both dot and comma be accepted as decimal delimiter. Input can be both "12,12" and "12.12". It's okay if both display the afterwards, as long as the input allows for it. In fact, .NET will force you to make a choice, which is OK. 

I made a little example that showcases our need (except it doesn't deal with selection) : http://trykendoui.telerik.com/ikId/2

Is there a way to have kendo do this for us (aka without this ugly hack)? Removing all kind of culture-related formating would be a plausible option, if possible. 

Thank you

---- 

Copy of the "hack": 

01.$('#numeric').on('keydown', function (e) {
02.    if (e.which == 188) {
03.        e.preventDefault();
04.        caret = $(this).caret();
05.        value = $('#numeric').val() + '';
06.        if (value.indexOf('.') < 0 && value.indexOf(',') < 0) {
07.            $('#numeric').val(value.substring(0, caret) + '.' + value.substring(caret));
08.            $(this).caret(caret + 1);
09.        }
10.    }
11.});


Alex
Top achievements
Rank 1
Iron
 updated answer on 18 May 2021
1 answer
745 views

Hi, 

We are looking to get tabs with menu list or dropdown kind think in it , with items in that , Below i have attached image of our requirement,

Kindly provide solution for above requirement  ,

 Thanks,

Mike

Neli
Telerik team
 answered on 18 May 2021
0 answers
299 views

Hi, 

We currently have a Kendo Editor with paste cleanup set as:

  pasteCleanup: {
all: false,
css: true,
custom: null,
keepNewLines: false,
msAllFormatting: true,
msConvertLists: true,
msTags: true,
none: false,
span: true

 

We've noticed an issue in that when copy and pasting underlined text within the control (not from external to the control), the underline is removed. I can only imagine that this is because we're stripping our SPANs with the above option. Our issue is that we can't really set this SPAN option to off as we explicitly do no want complex span elements being saved. Is there a workaround for this?

Thank you

Joseph
Top achievements
Rank 1
 asked on 17 May 2021
1 answer
68 views

I have Asp.net website , and telerik controls on it.  On page load I get ConvertFontToSpanfilter error as a alert. On clicking few times 'OK' on alert i am able to process normal.

I am not able to figure it out why it's happening . As i know we can disable the filter but is there any specific reason it's happening?

Neli
Telerik team
 answered on 17 May 2021
1 answer
231 views

I have a kendo ui jquery datasource that I'm using to populate my grid. I have added a custom toggle switch to show only active accounts or show all accounts. The switch works by calling the following function on change: 

    $(".my-page").on("change", "#myTableStatusToggle", function () {
        if ($("#myTableStatusToggle:checked").length > 0) {
            dataSource.filter({});
        } else {
            dataSource.filter({ field: "Status", operator: "eq", value: "Active" });
        }
    });
Unfortunately there is also a search box (the standard grid search box) and when the user types in the search box it searches all records. When the user clears out the search box it shows all of the records even though the toggle switch hasn't been touched. How do I search the grid while still respecting the toggle switch? 
Neli
Telerik team
 answered on 17 May 2021
1 answer
1.3K+ views

I have configured a grid and have set up the pager
pageable: {
                        refresh: true,
                        pageSizes: false,
                        buttonCount: 5,
                    },
This works everywhere else but in one grid where it shows a dropdown with page numbers  

as soon as I open dev tools it changes 

How can I get rid of that ?

Dimitar
Telerik team
 answered on 17 May 2021
1 answer
271 views

Hello 

I have installed the latest commerical KendUI JQuery : kendoui.for.jquery.2021.2.511.commercial.zip  

When I copy/paste the example from https://docs.telerik.com/kendo-ui/api/javascript/ui/expansionpanel/configuration/title to my local project I got this error message:

TypeError: $("#expansionPanel").kendoExpansionPanel is not a function. (In '$("#expansionPanel").kendoExpansionPanel({
                title: "Lorem ipsum"
            })', '$("#expansionPanel").kendoExpansionPanel' is undefined)

I'm using many others widgets, never had such a case. Also PHPStorm does not color ".kendoExpansionPanel" in the code to let me know it can't be resolved. I'm working with JQuery 3.5.1 but that is probably not the problem.

Did I miss anything?

 

Tayger
Top achievements
Rank 1
Iron
Iron
 answered on 16 May 2021
3 answers
144 views

Hi, Using the demo site https://demos.telerik.com/kendo-ui/scheduler/import-export-ical I have added a all day event that expands 2 days, and then exported that data, when I import the data it changes to a 1  day event,  is this a ical.js issue?, 

 

 

export and then import i get

 

Thanks

Martin
Telerik team
 answered on 14 May 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
Chat
MultiColumnComboBox
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
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?