Questions on Kendo UI for jQuery Forum

3 answers

519 views

We need your feedback, because we are considering changes in the release approach for Kendo UI for jQuery. Please provide your feedback in the comments section below:

1. Is it hard to understand the version numbers of our releases? If yes, what makes them hard to understand them?

2. Would semantic versioning (SemVer) of our releases make it easier to understand our version numbers and what's behind them?

3. If we go with SemVer, we might need to start with version 3000.0.0 as we currently use 2022.x.x. Please share your thoughts about this approach and ideas for what number versioning would work best for you.

General Discussions

answered on 23 Jun 2023

2 answers

37 views

Dropdown With Tooltip for Mouse and Touch Devices

I have been asked to add tooltips to a dropdownlist so a user can see more details about an item before selecting it. I found this solution https://docs.telerik.com/kendo-ui/knowledge-base/show-tooltip-for-items but it doesn't work right on touch devices. When you touch the screen, it selects the item, closes the list, and displays the tooltip until you click somewhere else on the screen. I kind of think maybe there should be a separate button for showing the tooltip vs selecting the item. How would I achieve this?

DropDownList

ToolTip

updated answer on 25 Apr 2024

1 answer

2 views

Content Security Policy (CSP) status

Hi team,

I need to know the real status of CSP for jQuery kendo UI.

Sorry but documentation is unclear. Ok for the unsafe-eval directive. But what about the unsafe-inline directive for script-src AND style-src?

Thank you,

Laurent.

General Discussions

answered on 25 Apr 2024

1 answer

3 views

Problems getting kendo.ui.progress() to show up on change event in Kendo Drop Down List

Any ideas?

I have this basically:

...and then a call to an API. The pop-up window doesn't open until the asynchronous call to an API has returned a value. Granted I am using an older jQuery $.ajax call for this....buuut I find it hard to believe that this doesn't work. How can I bring up my dialog or pop-up window, give it the focus, and close it AFTER the response has comeback with data to populate my grid?

Looking for something like this:

to appear prior to the API call... but the focus is locked on the drop down list I guess? Is there anyway to free the lock on the drop down list and give the focus to this kendoWindow element?

Thanks!

Loader

ProgressBar

answered on 25 Apr 2024

0 answers

7 views

Move selected items to top of kendo multiselect

I have a kendo multi-select with a list of items sorted by name (Alaska, California, Delaware, Florida, Georgia...). When a user selects items, I want them to be displayed at the top of the list the next time the list is opened (not to move during the select process). For example, if the user selects Delaware and Florida the new order should be: Delaware (selected), Florida (selected), Alaska, California, Georgia. How would I accomplish this? Note, if it makes a difference, some of my lists are virtualized and some are not. It depends on how many reasonable options I could have. All are using a local JSON data source.

MultiSelect

updated question on 24 Apr 2024

0 answers

2 views

Kendo UI StockChart in Angular - Its Navigator Slider moves each month while dragging but not in days the From or To Slider

I am using Angular 14.0.4 and Kendo Charts 7.1.0.

Currently I am displaying the Kendo UI StockChart in Angular for a period of 2 years in the Navigator as below. When I drag the slider, it is moving month-wise.

KendoUI StockChart Monthwise

Now I want the Slider to move day-wise but the labels should show month-wise. How can I do that?

<kendo-stockchart #stockChart [navigatable]="true" (navigatorSelect)="onNavigatorSelect($event)" (zoomStart)="onZoomStart($event)" (render)="onRender($event)" (navigatorFilter)="onNavigatorFilter($event)"
                      (seriesClick)="onSeriesClick($event)" (axisLabelClick)="onAxisLabelClick($event)" [transitions]="false">
  <kendo-chart-legend [visible]="false"></kendo-chart-legend>

  <kendo-chart-area [height]="350" [margin]="{ bottom: 0, left: 7, right: 7, top: 20 }" background="#fff">
  </kendo-chart-area>
  <!-- x axis -->
  <kendo-chart-category-axis>
    <kendo-chart-category-axis-item [baseUnit]="categoryBaseUnit"
                                    [labels]="categoryAxisLabels" [line]="{ visible: false }" [majorGridLines]="{ visible: false }" name="categoryAxis">
      <kendo-chart-category-axis-item-labels  [rotation]="labelRotation"
                                             [position]="axisLabelPosition" [step]="categoryBaseUnitStep" [visual]="categoryLabelsVisual">
      </kendo-chart-category-axis-item-labels>
    </kendo-chart-category-axis-item>
  </kendo-chart-category-axis>
  <!-- y axis -->
  <kendo-chart-value-axis>
    <kendo-chart-value-axis-item [min]="viewBag.minValue" [max]="viewBag.maxValue"
                                 name="valueAxis" [labels]="valueAxisLabels" >
    </kendo-chart-value-axis-item>
  </kendo-chart-value-axis>
  <!-- series -->
  <kendo-chart-series>
    <kendo-chart-series-item type="column" [data]="viewBag.filteredConsumptionData"
                             [missingValues]="interpolate"
                             [field]="viewBag.selectedConsumptionType === 'actual' ? 'consumption_actual' : 'consumption_estimated'"
                             categoryField="datetime" [style]="'smooth'"
                             [labels]="{ visible: true, position: 'outsideEnd' }"
                             [highlight]="{ visible: viewBag.selectedConsumptionView !== 'hourly' }" [gap]="0.15" color="#3eb7cc">
      <kendo-chart-series-item-labels [visual]="seriesLabelsVisual"></kendo-chart-series-item-labels>
    </kendo-chart-series-item>
  </kendo-chart-series>
  
  <kendo-chart-navigator>
    <kendo-chart-navigator-select [from]="viewBag?.startDate" [to]="viewBag?.endDate" [mousewheel]="mousewheel">
    </kendo-chart-navigator-select>
    <kendo-chart-navigator-category-axis [min] ="viewBag?.navigatorSelectedStartDate" [max] ="viewBag?.navigatorSelectedEndDate"
                                         [baseUnit]="navigatorBaseUnit" [baseUnitStep]="navigatorBaseUnitStep"  [justified]="true">
      <kendo-chart-navigator-category-axis-labels [step]="navigatorStep" [rotation]="labelRotation">
      </kendo-chart-navigator-category-axis-labels>
    </kendo-chart-navigator-category-axis>
    <kendo-chart-navigator-series>
      <kendo-chart-navigator-series-item type="line" [data]="navigatorConsumptionData"
                                         [field]="viewBag.selectedConsumptionType === 'actual' ? 'consumption_actual' : 'consumption_estimated'"
                                         categoryField="datetime" [missingValues]="interpolate">
      </kendo-chart-navigator-series-item>
    </kendo-chart-navigator-series>
  </kendo-chart-navigator>
</kendo-stockchart>

Charts

asked on 24 Apr 2024

1 answer

5 views

Bind grid to one of several collections returned by server

How do I bind a listbox datasource to one specific collection returned by a new window.kendo.data.DataSource({ ?

The datasource returns json with two collections like below, and I want to bind to one of the collections

{
"collection1": [
{
"id": "1",
"name": "ABC"
},
{
"id": "2",
"name": "DEF"
}
],
"collection2": [
{
"id": "1",
"name": "HIJ"
},
{
"id": "2",
"name": "KLM"
}
]
}

Data Source

answered on 23 Apr 2024

1 answer

9 views

Grid filter as dropdowntree checkAll does not work

I have a Grid with a filter row. One column (in this case the Name column) can be filtered via a dropdowntree. I configured the tree with the checkAll config option. But this option does not do anything. How can i get the checkAll to work?

Here is the dojo : https://dojo.telerik.com/AhIHijIf

Grid

updated answer on 22 Apr 2024

0 answers

7 views

How can I have a orgchart or diagram with different properties per node?

We need to display different properties per node in an orgchart or diagram. How can we accomplish this with different datasource schema's and templates?

Diagram

OrgChart