Telerik Forums
Kendo UI for jQuery Forum
1 answer
183 views

hi,

Does Kendo UI for jQuery have a report component?

Looking at the function introduction, there is no report component.

But I see that they use Kendo UI for report, so I am confused and hope to get your answer.

thank you.

xingyu

Neli
Telerik team
 answered on 17 May 2022
1 answer
135 views

I have three related questions:

Can spreadsheet cell comments from the tool bar be added to the context menu. 

If not, can a custom function be added to the context menu.

When you update a cell comment using the comment control from the menu bar, is there an event either at the cell level or comment dialog level that can be captured. From what I can see so far, not of the widgets on the menu bar have events that can be captured. Is that correct?

Neli
Telerik team
 answered on 17 May 2022
1 answer
207 views

I'm using $("#spreadsheet").kendoSpreadsheet() to create a spreadsheet with a toolbar where I have only certain options of the toolbar available. In general, doing this is very straight forward but one of the options I want is "comment". It's on the Toolbar if you don't specify which options you want, but when you do, it does not seem to be available. Am I doing something wrong here. Even the documentation does not list it as an option.

This is straight from the spreadsheet ui documentation:

toolbar - API Reference - Kendo UI Spreadsheet | Kendo UI for jQuery (telerik.com)

 

The following list indicates the available tools. The tools which are part of a tool group are defined as an array. For example ["bold", "italic", "underline"].

  • open
  • exportAs
  • [cutcopypaste]
  • [bolditalicunderline]
  • backgroundColortextColor
  • borders
  • fontSizefontFamily
  • alignment
  • textWrap
  • [formatDecreaseDecimalformatIncreaseDecimal]
  • format
  • merge
  • freeze
  • filter
Neli
Telerik team
 answered on 17 May 2022
1 answer
187 views
It seems like the spin event doesn't update the model. Is this intentional? The numeric text box knows its updated value, but it doesn't update the model until  you press enter after using the arrow buttons (or arrow keys) to change the value. You can see what I mean here.
Nikolay
Telerik team
 answered on 16 May 2022
0 answers
113 views
Solved now.
Alex
Top achievements
Rank 1
Iron
 updated question on 16 May 2022
1 answer
317 views
Can you make Gantt chart dependency read-only (editable = false) but keep the tasks editable  
Neli
Telerik team
 answered on 16 May 2022
1 answer
166 views

I'm using a kendoTreeList control initializing via javaScript we are providing complete hierarchy of data in control data source property.

It has been observed when data is having third level of hierarchy, we are facing a rendering issue(taking too much time) while it is working fine 1 or 2nd level.

how can we handle this issue if we are not using lazy-loading and on-demand loading.

Need suggestions how to improve Performance for TreeList Rendering.

Georgi Denchev
Telerik team
 answered on 16 May 2022
5 answers
363 views
Can you please advise on how to go about creating a search engine friendly application using Kendo UI Web?

Thank you,

Wim
Carolina
Top achievements
Rank 1
Iron
 answered on 16 May 2022
1 answer
177 views

I have a scheduler set to month view, and I wanted to shade certain dates regardless of if there is an event on that day or not.  I have the dates that need to be shaded ahead of time.

I created a class called previewDay which changes the background color, and I added code to the databound function that does this without issue, until I add 3 events

function kendoDateOnly(input) {
    if (input == null) {
        return "";
    }
    return kendo.parseDate(kendo.toString(input, 'd')).toLocaleDateString("en-US");
}
function preview_dataBound(e) {
    var scheduler = $("#event-preview-scheduler").data("kendoScheduler");
    var slots = $('.k-scheduler-content td');
    for (var i = 0; i < slots.length; i += 1) {
        var currentSlot = $(slots[i]); // Get current slotvar slotData = scheduler.slotByElement(currentSlot); // Get slot datavar startDate = kendoDateOnly(slotData.startDate); // Convert start date to M/d/yyyy formatif (_eventDates.includes(startDate)) {
            currentSlot.addClass('previewDay'); // Add the previewDay class
        } else {
            currentSlot.removeClass('previewDay'); // Remove the previewDay class (probably don't need to do this)
            currentSlot.addClass("k-other-month"); // Add the k-other-month class to gray out the other days
        }
    }
}

In my example, I need to shade July 3rd, July 4th, and July 5th.

I have an array called _eventDates which is ["7/3/2022", "7/4/2022", "7/5/2022"]

And with no events - this works exactly as expected

When I add 1-2 events, this continues to work

When I add a 3rd event, July 6th is shaded.  It does not matter what combination I use when I use 2, it always shades correctly, once I add that 3rd, it throws it off.

In this particular case, all 3 events on each day have the same information

Start: 07/03/2022 00:00
End: 07/03/2022 01:00

Though when I pull the slotData

Which makes sense as it is a month view, so they'll expand to fill the day

However, in all cases, the slotData has a startDate of Tue Jul 05, and that is what I'm matching on

If I throw a console.log of the startDate before I add the class

console.log(startDate);

currentSlot.addClass('previewDay');

I get this

(it's weird I get 7/3 twice?)

But 7/6/2022 is never there

And finally, here is the html for that row with the extra day shaded

<tr style="height: 186px;">
<td class="previewDay"><span class="k-link k-nav-day">03</span></td>
<td class="previewDay"><span class="k-link k-nav-day">04</span></td>
<td class="previewDay"><span class="k-link k-nav-day">05</span></td>
<td class="previewDay"><span class="k-link k-nav-day">06</span></td>
<td class="k-other-month"><span class="k-link k-nav-day">07</span></td>
<td class="k-other-month"><span class="k-link k-nav-day">08</span></td>
<td class="k-other-month"><span class="k-link k-nav-day">09</span></td>
</tr>

Can someone please help me out with what is going wrong here?

 

Martin
Telerik team
 answered on 13 May 2022
0 answers
920 views

Hi team,

I found that since 2022 R2, the height of a multiselect varies when adding tags. From 30px height with no values to 32px height with one or more tags.

https://dojo.telerik.com/UVUSaSIn

As a result, there is a nasty pumping effect in the page.

Please advise,

 

Best regards,

Laurent.

Laurent
Top achievements
Rank 2
Iron
Iron
 asked on 13 May 2022
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
Drag and Drop
Application
Map
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
Licensing
ScrollView
Switch
TextArea
BulletChart
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
TimePicker
FloatingActionButton
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
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
LLM Kit
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?