Telerik Forums
Kendo UI for jQuery Forum
1 answer
74 views

Dear developer:

I made  a calendar to user with kendoMultiViewCalendar , but I didn't know how to append a hyperlink to each date. 

Each gridcell HTML was looked like:

<td role='gridcell' class>

<a tabindex="-1" class="k-link" href="#" data-vale="2024/0/18"> 18</a>

</td>

I tried to use template to do it, but found out that I only could make some style on the "data.value", was not able to change the attribute "href" of the up node "a" .

Could anyone help me with that?

Martin
Telerik team
 answered on 08 Feb 2024
1 answer
75 views

I have a kendoGrid, on initial load I am able to see the pagination being set and datasource.total has some value:

On Initial load:

When I click on the default "cancel" option from my toolbar, the total is "undefined".:
OnCancel:

 

I can see the data in my grid, but the pagination footer displays "No items to display"

Martin
Telerik team
 answered on 08 Feb 2024
1 answer
129 views

I try to use this code 
but is not working
always return -1 

  var tabStrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");

tabStrip.select().index()

 
Martin
Telerik team
 answered on 07 Feb 2024
1 answer
91 views

Can't I change Numerictextbox to kendoTextBox?

Can I change Numerictextbox to kendoTextBox format with special coding?

Please change numerictextbox in the url below to kendoTextBox.

 

https://dojo.telerik.com/uLIzaDag

Please enter coding in the area below /* start code */

It may be very easy or it may be very difficult.

Please make it a success. thank you.

 

Martin
Telerik team
 answered on 07 Feb 2024
1 answer
211 views

Hii,

We are using Kendo version Kendo UI v2020.2.617 in our project, can you please help me out with how I can implement cut, copy, and paste inside the Kendo UI?

Will cut, copy, and paste be implemented and released in the upcoming releases ? or if not could you guide me in how I can implement it in our project?

Thank you.

 

 

Neli
Telerik team
 answered on 07 Feb 2024
1 answer
87 views

Hi !

hello. Below is a simple test page.

https://dojo.telerik.com/eSAqaXuw/2

 

 

 

A counter for kendosplitter  resize event and a counter for splitbar's dragenter event.

It should be resize cnt = dragenter + 1.

But, the more you go on, the more you go on, the more time goes by.
The gap widens. The difference increases.

Is there any way to strengthen dragenter's recognition?
How can dragenter events always be recognized?
Why isn't the dragenter event recognized properly?
I am very worried about this issue.

Thank you for reading.


Neli
Telerik team
 answered on 07 Feb 2024
1 answer
229 views

I am wanting to re-open a previously opened kendo dialog. The dialog has scrolling content so when it re-opens I want to be at the top of the dialog again.

How can I do this? Or will I need to destroy and re-create?

Martin
Telerik team
 answered on 06 Feb 2024
1 answer
88 views

This is a follow-up to my original question:

I have a Kendo Date Picker for AngualrJS and I would like to color the individual day cells for a given day within the month.

https://www.telerik.com/forums/angualrjs-kendo-date-picker-how-to-color-day-cells

The follow-up question is:

I see that you can tie a colour background to a particular day value within a month, but how would you do that to a specific date (i.e. Make only the 10th of January red, but not the 10th of February, for example)?

Neli
Telerik team
 answered on 06 Feb 2024
0 answers
85 views

Hello , i have an issue with converting the milliseconds to human readable date,

I cannot find the solution for vue, but I have found multiple solutions for jquery.

What am i doing wrong ?

Chart.m-4.p-5( @seriesclick="onSeriesClick" :style="{ height: getChartHeight() }" )
  ChartTooltip(:render="'tooltipRender'" background="#fff" color="#000")
    template(v-slot:tooltipRender="{ props }")
      .d-flex.align-items-center.flex-column.tooltip-content
        h6.font-weight-bold.text-center.tooltip-category-title {{ props.point.category }}
        .d-flex.align-items-center
          span {{ $t('home.rangeBarChart.date.start') }} :
          span.font-weight-bold.ml-1 {{ labelContentFrom(props.point)}}
        .d-flex.align-items-center
          span {{ $t('home.rangeBarChart.date.end') }} :
          span.font-weight-bold.ml-1 {{ labelContentTo(props.point)}}
  ChartTitle( v-if="chartTitle && chartTitle !== ''"  :text="$t('home.rangeBarChart.'+ chartTitle + '.title' )"  align='left' color='#475467' :font="'600 16px Inter'")
  ChartSeries
    ChartSeriesItem(:type="'rangeBar'", :data-items="myDataItemsComputed"  :category-field="'phase'" :font="'600 14px Inter '" :color="barItemColor"  :baseUnit="'months'" )
      ChartSeriesLabels
        ChartSeriesLabelsFrom(:content="labelContentFrom")
        ChartSeriesLabelsTo(:content="labelContentTo")
  ChartValueAxis
    ChartValueAxisItem(
    :major-grid-lines='{visible: false }'
    :valueAxis="valueAxisComputed" 
    :fromField="'min'" 
    :toField="'max'"
    :font="'600 14px Inter '"
    )

 

 

I noticed in the jquery example, the have this : labels: {
            template: "#= kendo.toString(new Date(value), 'HH:mm') #"
          }

i have tried adding this code :

labels: {
            template: `<div>{{ new Date(#= value #).toLocaleTimeString('en-US', { hour: 'numeric', minute: 'numeric' }) }}</div>`
          }

 

 

it does not work, any suggestions would be greatly appreciated. Thank you

Joel
Top achievements
Rank 1
 updated question on 05 Feb 2024
1 answer
281 views
My header widths do not match with my data content in the Kendo Grid. I have a fixed width for the container, and after hiding 4 out of 7 columns, the header displays with the intended width. However, the alignment of the data in those columns does not match. I have locked the first column, so I have two tables, one for the locked column and one for the unlocked. Whenever I group or filter records, the locked column width does not match with unlocked columns. Also, the same issue exists for the height.
Martin
Telerik team
 answered on 05 Feb 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
MultiColumnComboBox
Dialog
Chat
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
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
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?