Telerik Forums
Kendo UI for jQuery Forum
5 answers
543 views
How to increase/decrease width of the columns in the spreadsheet manually?
Patrick | Technical Support Engineer, Senior
Telerik team
 answered on 11 Jul 2016
2 answers
235 views

Hi,

I refer to the following how to demo: http://docs.telerik.com/kendo-ui/controls/interactivity/sortable/how-to/reorder-nested-grid-rows

There is bug in this demo. If any of the master grid row is not expanded yet, dragging that row results in dragging 2 rows!But if the row previously expanded then it works fine!

You can reproduce this bug in the above demo by trying to collapse the first row, then without expanding the 3rd row try to drag it then you can see the 3rd & 4th rows drag together as of they are attached. But if you expand the 3rd row and collapse it again then you can drag it individually!

I believe the problem is in this line: table.append(element.next().clone()); there should be some if condition here to check if the detail-row for this master row exist then do this otherwise don't close the next element.

Please let me know what is the best way to resolve this problem?

Thank you.

 

Nariman
Top achievements
Rank 1
 answered on 11 Jul 2016
1 answer
1.9K+ views

Hi guys,

I have two kendo date pickers. One for start date(DP1) and another for end date(DP2). When Start Date is selected in DP1, the days before the start date in DP2 should be disabled. I am using k-ng-model to bind the data, but I couldn't acheive it.

here is how the HTML part of datePicker looks l

   <div class="date-range">
       <div class="date-range-item">
          <div class="date-range-label">Start Date</div>
          <input id="StartDate" kendo-date-picker k-ng-model="Obj.startDate" />
       </div>
       <div class="date-range-item">
          <div class="date-range-label">End Date</div>
          <input id="EndDate" kendo-date-picker k-ng-model="Obj.endDate" />
       </div>
   </div>

In controller

        $scope.StartDate = $('#StartDate').kendoDatePicker({
            parseFormats: ['MM/dd/yyyy']
        }).data('kendo-date-picker');

        $scope.EndDate = $('#EndDate').kendoDatePicker({
            parseFormats: ['MM/dd/yyyy']
        }).data('kendo-date-picker');

        $scope.StartDate.bind("change", function (): void {
                Service.Validation( $scope.StartDate, $scope.EndDate);
            }
        );

In Service

this.Validation = (start: kendo.ui.DatePicker, end: kendo.ui.DatePicker) => {            
           end.setOptions({
                disableDates: (date: any): boolean => {
                    if (start) {
                        if (start.value()) {
                            if (date < start.value()) {
                                return true;
                            } else {
                                return false;
                            }
                        } else {
                            return false;
                        }
                    } else {
                        return false;
                    }
                }
            });

1) The First Problem I am facing is, I am getting two date Pickers in the UI. When I remove the kendo-date-picker in the HTML part then only one kendo Date Picker is being Displayed.

2) Second Problem is When I am saving the object. the Start date and End date are holding null as k-ng-model is not binding the Dates.

Please post a solution and explain the Reason behind this behaviour.

Thanks.

Stefan
Telerik team
 answered on 11 Jul 2016
4 answers
3.5K+ views
 When i select a date  and clears out the input field, ie I select  5/24/2016 from calendar , the input field displays the same . Then I clears the input field . Now when I open the calendar , it shows the previously selected date (5/24/2016) in a highlighted outlined box . I don't want the calendar to remember/show my previous selections . The previously selected date and non- selected date, other than current date should not show any difference  . Please help .
Mohamed
Top achievements
Rank 1
 answered on 11 Jul 2016
3 answers
2.2K+ views
I am using the Kendo UI components in AngularJS and am including a spreadsheet in one of my pages.  Unlike the other components, the spreadsheet doesn't include an angular example.  Is there a way to get the reference to the spreadsheet?  I was hoping for some equivalent to

var spreadsheet = $("#spreadsheet").data("kendoSpreadsheet");

Thanks!
Dimiter Topalov
Telerik team
 answered on 11 Jul 2016
1 answer
309 views

Hi team,

 

Let me know if we can implement an expanding view for selected list item in a list view (displayed as tile format). Something similar to google image search when we select any image it opens it in below row in an expanding div.

I tried using tool tip but i wan it to open in an expanding view and not outside of the listview and also its not centered its position is relative to the selected item

Let me know if it's possible to implement in listview.

 

Thanks

Dimiter Topalov
Telerik team
 answered on 11 Jul 2016
1 answer
324 views

Is it possible to bind the grid to a datatable using mvvm?

 

Boyan Dimitrov
Telerik team
 answered on 11 Jul 2016
5 answers
542 views
If I have a kendo window open (modal) and tab through all the available controls in the window the tab button next goes to the browser URL bar.  Upon the next tab after the browser URL bar the tab order goes behind the kendo window to the main navigation of the site.  Since the kendo window is 'blocking' the UI, shouldn't the tab order come back to the kendow modal window next instead?  I see this as a bug and so does my QA team.

Thanks,
Trent
Dimo
Telerik team
 answered on 11 Jul 2016
3 answers
369 views

I'm not sure if this is possible but I'm trying to have the filtering done server side but having the sorting/paging done there after client side. However if I set serverFiltering = true and serverPaging/Sorting = false the paging/sorting is still making a call to the server even though the filtering hasn't changed. Let me know if what I'm trying to do is even possible.

Little more info in case it helps. The server call will return all data on filter then if the user pages/sorts it should do it based on what the server call returned and is currently in the dataSouce.

 

Thanks,

Patrick

Kiril Nikolov
Telerik team
 answered on 11 Jul 2016
1 answer
266 views
I am trying to open the Excel file using the Open button in the spreadsheet widget. One of the file sheets contains 59 columns. After loading the file content the corresponded spreadsheet sheet shows only 50 columns.
T. Tsonev
Telerik team
 answered on 11 Jul 2016
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
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
ScrollView
Switch
TextArea
BulletChart
Licensing
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
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
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?