Telerik Forums
Kendo UI for jQuery Forum
1 answer
210 views

Hi Team,

 we are using kendo UI jquery grid for  displaying the data. In one of the column we have to display date time. is there a way can we filter date and time combined? with date alone we are able to filter but not with date time together. Please let us know and share the code samples/link  if possible

Nikolay
Telerik team
 answered on 06 Jun 2023
1 answer
171 views

I'm trying to display the content of a Kendo UI Grid dataSource schema model field as an HTML hyperlink. However, I'm getting its content as a string instead.

Here is my code:


var initDSStock = [
  {% for ligne in liste_logements %}
    {% set logement = ligne.logement %}
    {
      log_etat_log: 'test'
    },
  {% endfor %}
];

var dataSource = new kendo.data.DataSource({
  pageSize: 25,
  data: initDSStock,
  schema: {
    model: {
      fields: {
        log_etat_log: { template: '<a href="\\#">#= log_etat_log#</a>' }
      },
    },
  }
});

grid.data("kendoGrid").setDataSource(dataSource);

Is that doable? If so, how should I fix my code? Any idea?

Georgi Denchev
Telerik team
 answered on 06 Jun 2023
1 answer
90 views

Hi,

I got specific request that I should highlight week number (and possibly that row) in calendar when user goes on week number with the mouse.
User wants to be able to select whole week in one click.

Can you please advise on approach how to achieve this, since I don't see any "hookable" event that I can use.

 

Thank you very much

Regards,

Vedad

Martin
Telerik team
 answered on 05 Jun 2023
0 answers
114 views

Hi, 

I have one question. Is there a way to achieve "racing" bar chart where bars raise as values changes in the background and  bars "order" is changed based on the value.

I know its a long shot, but maybe there is a usable idea or workaround.

 

Thank you and regards,

Vedad

Vedad
Top achievements
Rank 3
Bronze
Bronze
Iron
 asked on 01 Jun 2023
1 answer
90 views

How do you get the selected items in a Kendo UI for jQuery MultiSelect to stack vertically?

Here's what I'm getting; note that the textbox keeps expanding horizontally as each item is selected:

Here's what I need:

Thank you.

Alex
Top achievements
Rank 1
Iron
Iron
 updated answer on 31 May 2023
1 answer
110 views
How can I set the minimum value to every single chart when I click on each one (in Multi-axis charts) ? 
See My attached picture. 

 
Georgi Denchev
Telerik team
 answered on 31 May 2023
1 answer
104 views

I am migrating an old Silverlight app that uses RadChart. The old chart is combination of column and line types. Please see image (filename: Chart.jpg).

It has this middle vertical line (which is the Actual Mean series/legend) that I am very confuse how to convert to KendoUI. Underneath, it has 2 data point value 0 and 1. The Axis is assign to the right axis. Another question is how it is placed in the middle of the chart with only 2 data points? There is no programmatic manipulation seen on the old code. 

Is this possible to do with Kendo UI chart? I also attached the XAML of the old RadChart in case needed. 

Please help.

Neli
Telerik team
 answered on 31 May 2023
1 answer
138 views

Hello, just started with kendo and angular so this might be a basic question.

I have set up a template for a grid:

<h2>Peoples</h2>
<div class="peoplesOverview">
  <kendo-grid [data]="gridData"
    [scrollable]="'virtual'"
    [pageable]="true"
    [pageSize]="10">
    <kendo-grid-column field="Name" title="Name"></kendo-grid-column>
    <kendo-grid-column field="Title" title="Title"></kendo-grid-column>
  </kendo-grid>
  <kendo-button class="downloadButton">Download</kendo-button>
</div>

 

And in my component.ts I set up a sample dataset to test:

export class PeopleOverviewComponent {

  public gridData: Person[] = [

    {

      Name:"Jane",

      Title: "Worker",

    }

  ];

}

 

Currently this creates a grid with one row, I would like to have the grid be filled in with empty rows to fill the page size to 10.

 

All the help is appreciated!

Martin Bechev
Telerik team
 answered on 30 May 2023
1 answer
647 views

I'm looking for a widget that is sort of a combination of a dropdownlist and a multiselect. I would like to be able to select multiple items from the dropdownlist but instead of having chips like in the multiselect, I want the dropdownlist to display either "All Selected", "Multiple Selected" (or a count), or the name of the option selected if only one is selected. I would ideally have checkboxes to the left of each item but it could just highlight the item like the current multiselect does. Is there a way to accomplish this with Kendo UI for JQuery? 

 

Lee
Top achievements
Rank 2
Bronze
Bronze
Bronze
 answered on 26 May 2023
1 answer
234 views

Hi team,

I'm having a look at last kendo release and I notice that size of css pre-builts files are really really bigger than before (currently I'm using 2022 R2). Even if sass compile only the stylesheet of the button widget, I get a 553KB css file! Was 293KB in R2 2022.

Also, there are many css classes doubled by a counterpart beginning with .!k- like with:

.k-ratio-1 {
  aspect-ratio: 1;
}

.\!k-ratio-1 {
  aspect-ratio: 1 !important;
}

Can someone tell me what are all these css classes beginning with .!\k- ? And also why the stylesheet got so big?

 

Best regards,

Laurent.

Vessy
Telerik team
 answered on 26 May 2023
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
Drawing API
Drawer (Mobile)
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?