Telerik Forums
Kendo UI for jQuery Forum
1 answer
161 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
147 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
94 views
Solved now.
Alex
Top achievements
Rank 1
Iron
 updated question on 16 May 2022
1 answer
277 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
116 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
297 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
116 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
791 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
1 answer
310 views

Hi team,

I am in the process of changing my theme from less to sass. Since ever, I use the less default theme with some customizations, and I want to replace it with the sass classic main theme which is said to be its sass couterpart.

First, let me say that there are too many differences to state they are siblings!

In less theme, a widget has not a fixed font size and gently inherit from the body. In the sass theme, every widget has a font size of 14px. Why ? This is a big issue for me as kendo widgets must fit into a page whose font size is 13 by default but can be changed.

2 questions:

- is there a way to set default font-size to 13px for all widgets?

- do kendo widgets are able to gently take any font size? I mean without looking ugly.

thanx

Laurent.

 

Neli
Telerik team
 answered on 13 May 2022
0 answers
124 views

Hello,

I am using a Kendo jquery editor in Angular, and I need to trigger a valueChange event for only when the user is entering and changing data, so that the document can be properly marked as dirty.  However, I am finding that the editor is injecting attributes on its own to image tags in the data, and these attributes are then triggering a false valueChange.  The attributes I have seen so far are:

  • aria-describedby
  • class="k-state-border-down"
  • data-role="tooltip"

These attributes are typically added when the image is clicked on, or right-clicked after selection.  The blur event then causes a change event to trigger the valueChange.

Is it possible to suppress a valueChange when Kendo is adding these attributes?  Can you please provide examples of how we might be able to avoid these change events?

Thanks for your help,

Bob

Bob
Top achievements
Rank 3
Iron
Iron
Veteran
 asked on 12 May 2022
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
Drawer (Mobile)
Drawing API
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
Collapsible
Localization
MultiViewCalendar
Touch
Breadcrumb
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
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?