Telerik Forums
Kendo UI for jQuery Forum
1 answer
200 views

Hello!

I am trying to use ListView with Buttons inside a Tabstrip. I want the user to be able to select an item to view a report.
As part of this list, I want a clickable hamburger button for the user to open up a popover menu for additional settings.

This setup works for all browsers when I do not perform the "filter" function. However on Firefox (only), using this filter function on the ListView causes my Kendo buttons inside the list to suddenly not fire the onClick handlers.

    $("#listView").data("kendoListView").dataSource.filter({      
      filters: [
        { field: "Document_Number", operator: "contains", value: "J82901" }
      ]
    });

On Chrome and Edge, the Kendo buttons work just fine even after this filter. On Firefox however, I notice that the Kendo buttons are unformatted and do not respond to the click events when logging output in the console.

To reproduce the issue, I have provided the following dojo code: Sandbox Code here

 

Here is a sample image of the output: I have a Tabstrip with a ListView nested within. Each ListView entry has a button attached to it via a template. On click, the button should fire the click handler and print output to the console. (And a popover in the future)

Any help to get this working on Firefox would be greatly appreciated! This is an older version of Kendo UI (Sept 2021).

Thanks.

Geraldine
Top achievements
Rank 1
Iron
 answered on 10 Jun 2024
1 answer
216 views

Hi,

I am wondering why on the select event for the Spreadsheet control I am seeing the previous active cell and not the one I just clicked on? Is there any way I can get the cell I last clicked on?

 

The function I am calling from the select event looks like this:


  function onSelect(e) {

    var spreadsheet = e.sender; // Get the Spreadsheet widget
    var selectedCell = spreadsheet.activeSheet().activeCell();


    console.log("on select event the cell value " + selectedCell);

  }
Am I not understanding the select event?

 

Here is a Dojo link with an example:

Calling Read From dataSource Transport: | Kendo UI Dojo (telerik.com)

 

Thanks,

George

George
Top achievements
Rank 3
Bronze
Bronze
Iron
 updated answer on 07 Jun 2024
1 answer
85 views

If you have a page with Telerik UI for ASP.NET AJAX RadHtmlChart and try to add Kendo UI for jQuery Notification to that page...

The JavaScript:

var notif = jqueryobject.kendoNotification({appendTo: "#appendto"}).data("kendoNotification");

You cannot call notif.show() because notif is undefined.

We added a kendoNotification to our skin and on pages that use Telerik UI for ASP.NET AJAX RadHtmlChart causes this problem. Other pages with other Telerik UI for ASP.NET AJAX controls work fine.

We have also seen this issue on one other Telerik UI for ASP.NET AJAX control: RadClientDataSource

Any work-around to get this working?

Neli
Telerik team
 answered on 07 Jun 2024
1 answer
100 views

Hi,

I know that there are hacky workarounds to still achieve this, but I was wondering if you could add this to your api please. At present if you change your chat widget then someone will probably need to change our code also.

For example, we load 10 chat messages at a time and when the user scrolls to the top we get the next 10 messages and prepend them to the top of the list and update the scrollbar position accordingly. If we use your api all messages are added to the bottom.

Cheers

Simon

Neli
Telerik team
 answered on 07 Jun 2024
1 answer
88 views

When a long event.title text wraps onto a second line the text on the second line is not vertically aligned with the start of first line (see screenshot).

Is there a good solution to ensure the second line is aligned with the first?

 

 

Neli
Telerik team
 answered on 06 Jun 2024
1 answer
96 views


In my project I use these css


/kendo-material/kendo.common-material.min.css" rel="stylesheet" />
/kendo-material/kendo.material.min.css" rel="stylesheet" />
/kendo-material/kendo.material.mobile.min.css" rel="stylesheet" />

I tried to use group in kendo drop down tree as in this example

https://dojo.telerik.com/iboWAviK

but

I get broken css


Do I need to update the css?
Neli
Telerik team
 answered on 05 Jun 2024
1 answer
140 views
I'm using Kendo UI R3 2021 SP2 (version 2021.3.1207). There is a bug in the Gantt component (https://github.com/telerik/kendo-ui-core/issues/6547). This bug has been fixed in Kendo UI R1 2022 SP1 (version 2022.1.301), but I cannot upgrade to the new version due to rendering issues. How can I fix the Gantt issue while staying on version 2021.3.1207?
Nikolay
Telerik team
 answered on 05 Jun 2024
1 answer
167 views

This is an odd request, I know. I have a client asking for a tree list style grid that opens up instead of down when you click on a parent field. They want this so that, when expanded, it matches their excel spreadsheets which have children at the top and subtotals at the bottom of each category followed by grand totals. Basically, think of the whole table body being flipped upside down like this (but it should be a grid with multiple columns): 

    Child of 1
    Child of 1
    Child of 1
Parent 1
    Child of 2
        Grandchild of 2a
    Child of 2 (2a)
Parent 2

    
Nikolay
Telerik team
 answered on 05 Jun 2024
1 answer
166 views

Hii,

While exporting the data to excel the hidden columns appear for some time (some seconds) and disappear in kendo angular js, as I am hiding those column on grid using hidden: true and showing in the excel using showColumn(1), and I am experiencing the stange behavoir that after data exporting to the excel from the grid (includes available column on the grid and hidden columns as well), it shows hidden columns with data for some seconds on the grid and disappear and grid regain its original state, how to fix this behavior?

(Using, Kendo UI, angular Js, Jquery) and tried timeout, showing and hiding loader, css but not worked.

Nikolay
Telerik team
 answered on 05 Jun 2024
11 answers
3.1K+ views
Hi, how do I get the numeric textbox in the grid filter row to show integer values for an integer column?  I can apply the filter correctly but after the filter applies it will change "33" to "33.00".
Bermuda
Top achievements
Rank 1
Iron
Iron
 answered on 03 Jun 2024
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
TextArea
BulletChart
Licensing
QRCode
ResponsivePanel
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?