Telerik Forums
Kendo UI for jQuery Forum
4 answers
262 views

How to set multiple date in the calendar with mvvm.

I have my calendar :

<div id="calendar1" data-role="calendar"
          data-bind="value: Cvalue,
          dates: Csource,
          events:{change: ConChange}">
</div>

 

JS, view model:

Cvalue:null,
Csource:[],
Conchange:function(){
}
                

 

Csource contains:

[
 {"nome":"1"},{"data":"21/112017"},
 {"nome":"2"},{"data":"22/112017"},
 {"nome":"3"},{"data":"26/112017"},
 {"nome":"4"},{"data":"28/112017"},
 {"nome":"5"},{"data":"29/112017"}
 ]

 

 

Cain i see this dates with different color in the calendar?

and at onChange of day, i'd like to print the name of date;

 

 

 

 

 

 

 

Nikolay
Telerik team
 answered on 03 Mar 2021
1 answer
101 views
I want to achieve the above mentioned scenario. Where if user types 3 on the input field of Kendo timepicker it must show the list of time starts with 3. For example(from 3:00,3:59 AM/PM)
Eyup
Telerik team
 answered on 03 Mar 2021
4 answers
308 views
When I expand a parent, the loading and collapse icons appear simultaneously and the UI looks awkward. The collapse icon spins when the  loading of children happens. How can I prevent this? I would like the k-i-collapse icon to appear only after the loading finishes.
George Gindev
Telerik team
 answered on 02 Mar 2021
3 answers
312 views

     What I assumed would be fairly straightforward has vexed me for several days now -

I'm trying to pass the Expression Preview string along with some additional custom security vars when the filter is loaded and obviously when re-applied.  

I've tried filter.getOptions, sender._previewContainer, I even tried $( '.k-filter-preview' ).text() but I am running into issues of inconsistency regarding timing of availability.

My JS/jQuery is mediocre as its really only been my secondary, or even tertiary, approach of choice, until very recently so feel free to add ...dummy to an suggested resource.  :)

Thanks.

Nikolay
Telerik team
 answered on 02 Mar 2021
3 answers
319 views

Hello.

I'm developing with Kendo Grid and I have a question about styling cell of every row.

I've already read some articles to style every cell in databound event.

Can I add styling rule in JSON Data Passed to Kendo Grid?

In my case I have a datatable(vb.net) that I convert to json before pass to kengo grid.

My datatable has 3 column and 50 rows.

1° col: Name / 2° col: Surname / 3° col: Style.

Every row can have a different "Style" content.  "Style" is the style that I need to apply to 1° and 2° column.

Example:

PAUL   BEAN    color:red;    

STEVE    JOBS    text-align:center;

SAM    SMITH    background-color: green;

{"data":[{"Name": "Paul", "Surname":"Bean","Style":"color:red"}, {"Name": "Steve", "Surname":"Jobs","Style":"text-align:center"}, {"Name": "Sam", "Surname":"Smith","Style":"background-color: green;"}]}

 

Can you explain If is possibile styling on json "data"?

I've already use databound event and I Iterate every rows but it is very slow.

Are there any alternatives?

 

thanks!

 

Georgi
Telerik team
 answered on 02 Mar 2021
1 answer
400 views
The tooltip shows at the top of the chart height instead of the bar height. Also unable to format the tool tip for the chart. I need to bring the tooltip at the start of the bar . Please refer the image below.
Georgi Denchev
Telerik team
 answered on 02 Mar 2021
2 answers
225 views

Hello,

I'm working on an app that needs to display Kendo Recurrence Editor as read-only mode. Is the component have read-only option?

Example on the attached image.

 

Thanks,

Nuttachai
Top achievements
Rank 1
 answered on 02 Mar 2021
3 answers
525 views
I have tried all kinds of selector permutations, but cannot seem to find the CSS selector “specificity” to override the default button min-width of 64px in kendo.common.min.css.  I find that my only option is to modify Kendo’s CSS file itself – which I would prefer not to do.

The class spec:  .k-grid tbody .k-button,.k-ie8 .k-grid tbody button.k-button{min-width:64px}

Desired behavior:  min-width:0px

I am replacing Kendo’s text/icons with custom icons that are 16x16 (any larger and the rows get too tall).  I am using the MVC wrappers (which may be irrelevant to the question).

Please advise,
Douglas
Top achievements
Rank 1
 answered on 02 Mar 2021
3 answers
1.1K+ views

When the spreadsheet loads, the width loads perfectly well and it automatically adjusts to browser resizing.  Awesome sauce.

Is there a way to coax the height of the widget to do the same?  Something like a height:100% so it happily resizes.

The default height of the spreadsheet leaves lots of space.

Petar
Telerik team
 answered on 02 Mar 2021
2 answers
138 views

The multi day events in the month view render correctly and receive all the properties (color, link, title, etc) in the month view but do not get them in the day view. I'm getting the title of the item in the All Day table but am not getting the event color, or url. Single day items display correctly in both month and day view. 

@(Html.Kendo()
    .Scheduler<EventDetailViewModel>()
    .Name("schedule")
    .Editable(false)
    .Selectable(true)
    .Date(scheduleDate)
    .ShowWorkHours(false)
    .StartTime(new DateTime(scheduleDate.Year, scheduleDate.Month, scheduleDate.Day, 7, 00, 00))
    .EndTime(new DateTime(scheduleDate.Year, scheduleDate.Month, scheduleDate.Day, 22, 00, 00))
    .Views(views =>
    {
        views.MonthView();
        views.DayView();
    })
    .EventTemplateId("eventTemplate")
    .DataSource(d => d.Model(m =>
    {
        m.Field(f => f.EventID);
        m.Field(f => f.EventStartTime);
        m.Field(f => f.EventTitle);
        m.Field(f => f.EventCategory);
        m.Field(f => f.EventColor);
        m.Field(f => f.EventUrl);
    }))
    .BindTo(events)
    .Deferred(true)
)
 
<script id="eventTemplate" type="text/x-kendo-template">
        <a href="#= EventUrl #" class="calendar__link" title="#= EventTitle #" data-category="#= EventCategory #" data-color="#= EventColor #">
            <span class="calendar__title">#= EventTitle #</span>
            <span class="calendar__time">#= EventStartTime #</span>
        </a>
</script>

 

Ivan Danchev
Telerik team
 answered on 01 Mar 2021
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
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
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
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
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?