Telerik Forums
Kendo UI for jQuery Forum
1 answer
230 views

Hi,

I have a licensed kendo 2019 version in my application. Since Kendo provides individual scripts to include rather than the entire library ,I have the required  Chart Scripts in my ASP.NET MVC application.

I have upgraded the version from 2019 to the latest 2023.1.314. The 2023 upgrade includes a lot of breaking changes that includes a bunch of individual .js files. In summary, now it only needs to have:

  • Theme based css (default-main.css)
  • Jquery (The current version in my application is 3.6.4)
  • kendo.all.min.js

Including the above 3 works as expected. However ,when using just the individual scripts for charts rather than the whole set of library which is a huge file, the kendo.drawing.js file breaks .Attachment includes the snapshot for the error.

So the question is, with the 2023 upgrade, Do I have to use kendo.all.min.js rather than using the individual scripts for just the components I have?

Martin
Telerik team
 answered on 27 Mar 2023
1 answer
520 views

As recently as version 2022.3.1109, I could set a grid column attribute (e.g. class) to a template and easily get conditional formatting like different cell background colors depending on value:

    columns: [
                    { field: "OrderDate", title: "Order Date", format: "{0:MM/dd/yyyy}" },
                    { field: "Freight",  
                      attributes: { 
                                    class: "#: ClassFromFreight(data.Freight) #" 
                                  } 
                    }      

DEMO

Since 2023.1.117, this no longer seems to work. Was this an intentional change? Is there another way to do this now?

DEMO with 2023.1.314

Nikolay
Telerik team
 answered on 27 Mar 2023
1 answer
135 views

https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/checkboxes/ (looking to implement something like this but with Kendo UI for jQuery)

I am looking to implement a multi-select with checkboxes. I found kendo provides an option for Angular, but I am looking to see if this is provided with Kendo UI for jQuery, if so, any documentation I can look into?

I am also looking to add, a Select All checkbox which will select all options if checked, if unchecked, need to unselect all the options. Is there any built-in functionality to achieve this?

 

Neli
Telerik team
 answered on 24 Mar 2023
1 answer
117 views
I'm attempting to use Kendo UI to implement the Fibonacci sequence, however, I'm having speed difficulties while computing higher Fibonacci numbers. Here's an illustration of my code:
function fibonacci(num) {
  if (num <= 1) {
    return 1;
  }
  return fibonacci(num - 1) + fibonacci(num - 2);
}

var series = [];
for (var i = 0; i < 10; i++) {
  series.push(fibonacci(i));
}
console.log(series);
I'm using a recursive function in this code to compute the Fibonacci sequence up to the tenth number and save the results in an array. When I try to calculate greater Fibonacci numbers, however, the performance of my code suffers. For example, if I update the loop to compute the first 50 Fibonacci numbers, the code runs slowly. 
I saw an article that suggested using an iterative method rather than a recursive approach. Is it going to work? Could someone please assist me?
Ivan Zhekov
Telerik team
 answered on 23 Mar 2023
0 answers
113 views

Hello there,

We are currently having a logic in place where we load initial grid data and then process additional data after which we refresh the grid in order to see that additional data. Is there a way to do this without grid refresh?

-Stevan

Stevan
Top achievements
Rank 1
 asked on 23 Mar 2023
0 answers
113 views

Have just tripped over an little issue with the columns.attributes & columns.headerAttributes demos not working as expected.

To demonstrate run the following dojos based on your API demos

https://dojo.telerik.com/ojIrefaF
https://dojo.telerik.com/IGIBaViH

and you will see neither the header or cell data is being aligned to the right.

This regression seems to have been introduced with the 2022.2.802 release when the .k-text-right class went from

.k-text-right {
    text-align: right!important;
}

to

.k-text-right {
    text-align: right ;
}

Now there was probably a good reason to remove the '!important' property but anybody running these demos now will be confused with the output.

Looking at the latest CSS (2023.1.314) I see you now have a '!k-text-right' style for this purpose so it looks like a little tweak to you demo pages is required.

May I also suggest you add a note in the Grid API documentation about 'CSS Specificity' because I suspect nine times out of ten the '!important' property will be required to ensure it is not overridden by any Kendo CSS.

Regards
Alan

       
AGB
Top achievements
Rank 1
Iron
 asked on 22 Mar 2023
0 answers
224 views

I have just seen the demo about using kendo DatePicker. But when inspect the calendar icon under Accessibility menu I can see the Default name for the button is given as "select". I would like to change the name of button from "select" to "Pick a date". Please Guide through. I have attached image for your reference.

Following is the code snippet:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/6.2.0/default/default-ocean-blue.css"/>

    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2023.1.314/js/kendo.all.min.js"></script>
</head>
<body>
  
    <input id="datePicker" />

    <script>    
        $("#datePicker").kendoDatePicker({        
            value: new Date(2022, 0, 3),
            min: new Date(2022, 0, 1),
            max: new Date(2022, 5, 30),
            weekNumber: true,
            format: "yyyy-MM-dd"
        });
    </script>
</body>
</html>
Pratik
Top achievements
Rank 1
 updated question on 22 Mar 2023
1 answer
128 views

Hi

i use Kendo Mobile Tabstrip It doesn't show me any results

dojo tabstrip

result for me

Preview result image

This problem also exists in other kendo mobile controls

pls help me

thank you

 

Martin
Telerik team
 answered on 22 Mar 2023
2 answers
182 views

I've got a few custom popup grid editors that are grouping related fields using Bootstrap tabs.

I'm trying to find a way to switch tabs in the event of a validation error (using the built-in Kendo validation). At this moment, if a user has a particular tab open, and fails to complete a required field on a different tab, the save fails without any visual hints.

I've previoulsy found a solution when using jQuery validate (but I can't find it now) but I'd rather use Kendo's validation for simplicity.

Any suggestions?

Mat
Top achievements
Rank 1
Iron
Iron
Iron
 answered on 21 Mar 2023
1 answer
2.8K+ views

Previously I've been using kendo.bootstrap-v4.min.css, which is now throwing a 404 with 2023.1.314.

Documentation specifies the following which also throws a 404.

http://https://docs.telerik.com/aspnet-core/installation/adding-client-side-resources/cdn-service

<link href="https://kendo.cdn.telerik.com/2023.1.314/styles/kendo.bootstrap-main.min.css" rel="stylesheet" type="text/css" />

 

Regards,

Heath

Dimitar
Telerik team
 answered on 16 Mar 2023
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
Dialog
Chat
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
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
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
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
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?