Telerik Forums
Kendo UI for jQuery Forum
2 answers
536 views

Dear Team ,

Here is a dojo where I have a simple scroll view working fine

Basic Scroll View Working Fine :http://dojo.telerik.com/OfUbI

When I use the scroll view along with a tabstrip ,the scroll does not work, it does not even show the pager

Scroll Not working with tabstrip : http://dojo.telerik.com/uDeZO/3

Another Issue I have is that when I have multiple images of different sizes in the scroll-view the scroll-view takes the height of the largest image.

Is there any way that this can be made dynamic such that the pager appears directly below the image with small size without leaving blank space in between ?

Or can the smaller images be automatically resized to fit the height of the largest image of the scroll view

Here is the sample for the same : Scroll with different size images

 

devApps
Top achievements
Rank 1
 answered on 30 Apr 2017
7 answers
448 views

I have my views for the kendo scheduler set up like so:

views: [

    {type: "day", startTime: new Date(1901, 1, 1, 0, 0, 0), endTime: new Date(1901, 1, 1, 23, 59, 59), workDayStart: new Date(workHoursStart), workDayEnd: new          Date(workHoursEnd)},

    {type: "week", startTime: new Date(1901, 1, 1, 0, 0, 0), endTime: new Date(1901, 1, 1, 23, 59, 59), workDayStart: new                                                                          Date(workHoursStart), workDayEnd: new Date(workHoursEnd), selected: true},

    {type: "workWeek", startTime: new Date(1901, 1, 1, 0, 0, 0), endTime: new Date(1901, 1, 1, 23, 59, 59), workDayStart: new Date(workHoursStart),                            workDayEnd: new Date(workHoursEnd)},{type: "month"},

    {type: "agenda", eventTemplate: $('#agendaEventTemplate').html()},

    {type: AgendaDayView, title: 'Day Agenda', eventTemplate: $('#agendaEventTemplate').html()},

    {type: "timeline", columnWidth: 1, minorTickCount: 1, startTime: new Date(1901, 1, 1, 0, 0, 0), endTime: new Date(1901, 1, 1, 23, 59, 59), workDayStart: new            Date(workHoursStart), workDayEnd: new Date(workHoursEnd), group: {orientation: 'vertical', resources: ['OwnerName']}},

    {type: "timelineWeek", minorTickCount: 1, majorTick: 1440, columnWidth: 1, startTime: new Date(1901, 1, 1, 0, 0, 0), endTime: new Date(1901, 1, 1, 23, 59,              59), workDayStart: new Date(workHoursStart), workDayEnd: new Date(workHoursEnd), group: {orientation: 'vertical', resources: ['OwnerName']}},

    {type: "timelineMonth", startTime: new Date(1901, 1, 1, 0, 0, 0), endTime: new Date(1901, 1, 1, 0, 0, 0), group: {orientation: 'vertical', resources:                                 ['OwnerName']}}],

with no declaration of workDayStart and workDayEnd in the scheduler initialization outside of each view declaration, because timelineMonth and timelineWeek throw an error when switching to show work hours. Doing what I did above and getting rid of setting workDayStart and workDayEnd as an option in the scheduler fixed the timelineMonth error, but the timelineWeek error is still there... I am wondering if anyone knows how I show work hours in the timelineWeek view. Can timelineWeek view even handle show work hours? Or is it not supposed to? (like timelineMonth)

The error I get is: 'Uncaught TypeError: Cannot read property "end" of undefined' when switching to work hours in timelineWeek view.

Sayer
Top achievements
Rank 1
 answered on 28 Apr 2017
1 answer
576 views
Is there a way to use inline edit when creating a new row, and incell edit for all other editing? I want to use incell editing without batch editing so that changes are immediately written back to the server, but when a new record is created, it gets committed to the db as soon as you click from the first field to the second, which leaves a scenario where there is a record with only part of the data. I can stop this from getting committed on the backend, but then there is no visual cue for the user that the row was not committed.
Boyan Dimitrov
Telerik team
 answered on 28 Apr 2017
3 answers
1.2K+ views

I have a multiselect that list selection is too much value, so I use virtual to load them. I suppose that I load each 80 items, I select the first item to multiselect, then select the 85th item. After I reload the page contain multiselect, only the first item is selected. The multiselect value still has 2 items that I selected, but only 1 is shown to the textbox.

How to fix this issue? Thanks!

Ivan Danchev
Telerik team
 answered on 28 Apr 2017
3 answers
1.1K+ views

Hi,

 

how can I get the plain text corresponding to the Editor's value?

 

Thanks

Ivan Danchev
Telerik team
 answered on 28 Apr 2017
2 answers
294 views

A really simple angular-cli project, the only thing changed after ng new is installing kendo-ui, @types/kendo-ui and @types/jquery and then adding jquery and kendo-ui to types in tsconfig-app.json

Then use this for the app.component.ts

import { Component, OnInit } from '@angular/core';
import * as $ from "jquery";
import '@progress/kendo-ui/js/kendo.scheduler';
@Component({
    selector: 'app-root',
    template: `<div id="scheduler"></div>`
})
export class AppComponent implements OnInit {
    public ngOnInit(): void {
        let scheduler = $("#scheduler").kendoScheduler({
            date: new Date("2013/6/13"),
            startTime: new Date("2013/6/13 07:00 AM"),
            views: [
                "day",
                { type: "workWeek", selected: true },
                "week",
                "month"
            ]
        }).data("kendoScheduler");
         
        console.log(scheduler.view()); //undefined
        scheduler.view("month");
        console.log(scheduler.view());
    }
}

 

The problem is that when not explicitly set, scheduler.view() is undefined, then when set, it works as expected.

I would expect it to be set to whatever the calendar has as selected view, and this is how it works when using the system.js version of kendo-ui, so something seems really fishy here since I would assume the codebase is the same between the system.js and npm(amd) versions.

I have not been able to completely rule out angular-cli here, since I cannot get the system.js version of kendo-ui to work in angular-cli, and I have not tried getting the npm version to work in a system.js based build system yet.

Plamen
Telerik team
 answered on 28 Apr 2017
1 answer
301 views

Is there a way to scroll to the top when the Active Sheet changes?

Preferably also set the active cell.

Currently if you have scrolled down a sheet and then change to another sheet the scroller stays in that scrolled down position. Seems to me like it should scroll back to the top of the new active sheet.

Nencho
Telerik team
 answered on 28 Apr 2017
3 answers
243 views

Hello,

The k-nav-day directive is not working in "timelineMonth" view.

Dojo : http://dojo.telerik.com/IyEmA

Expected : A click on a date in the "timelinemonth" view should change the view to "dayview."

Actual : A click on a date in the "timelinemonth" do nothing.

 

Thank you,

SLM

Veselin Tsvetanov
Telerik team
 answered on 28 Apr 2017
1 answer
149 views

I have a global sales application where sales staff work on accounts around the globe.  They are asking to see the currency in the format for the country within the same grid.

Example:

Joe's Garage, $1,000.00

Fredreich's Gasthouse, â‚¬2.000,00

Elizabeth's Castle, Â£50.000.000,00

 

Is this possible?

Stefan
Telerik team
 answered on 28 Apr 2017
1 answer
397 views

Hello,

I was wondering if there is a way to show the most recently added item in a Kendo DropDownList which is bound to a remote datasource (from a database, via an MVC action controller).

I tried the following approach: in the same event that adds the item, once it is added, I try to set the DropDownList.select method with the value of the last index; however, this fails, and I get some warning about a synchronous XMLHttpRequest.

According to the research I have conducted, this happens because the script is trying to assign the index to the select method way too quickly, when the dataSource has not really been updated yet. If I try to assign the select method to a previous index (e.g. i - 1) and it does so without issue (showing the second-to-last item in the list). I assume this is because the item already exists in the database and thus there are no sync issues.

I appreciate any ideas you guys can share regarding this issue.

Thanks!

Stefan
Telerik team
 answered on 28 Apr 2017
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
Drag and Drop
Application
Map
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
DropDownTree
ListBox
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
Styling
ColorPicker
Pager
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
Licensing
PivotGridV2
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
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
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
LLM Kit
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?