Telerik Forums
Kendo UI for jQuery Forum
3 answers
237 views

Hi, 

We want to be able to open the Date Picker and show at least 3 months when it opens. Is this possible? 

See attached image. 

Thank you

 

Kiril Nikolov
Telerik team
 answered on 09 Dec 2015
3 answers
143 views

The grid we have has fewer columns on the view mode and a lot more columns on the edit/insert mode

We need to be able to export every record on demand with all the columns 

Is there a way we can save the popup edit form to pdf ?

Vladimir Iliev
Telerik team
 answered on 09 Dec 2015
3 answers
114 views

Hi, 

Please find the sample that i tried at : http://dojo.telerik.com/AZAMi/2

 My requirement is to load up the atleast 200-300 shapes for the diagram control, so please my concerns below.

Concerns:

1. Rendering is too slow, what could be possible cause and solution to it.?

2. How to disable the edit tool bar in the diagram and toolbar appearing on selecting any shape, however still i should be able to drag the shapes.?

3. Is partial loading of shapes or any kind of virtualization is supported for diagram control.?

4. If we have 100 of shape in diagram control in a hierarchical view, it is possible to render the diagram control with top most nodes in the viewport.?

5. Is it possible that if shapes are zoomed up then the whole diagram should be scroll-able.?

6. One more issue that i observed is if we have many shapes and we turn on the scrolling as suggested in one of the samples in your website, if we click any where else other nodes, the scroll bar automatically scrolls to extreme left of the diagram container.? 

 

Thanks,

Kshitij

T. Tsonev
Telerik team
 answered on 09 Dec 2015
6 answers
569 views
Hey Guys! First of all, sorry for my English :P

I have a problem my grid where I have a custom column (checkbox selection and selectAll). 

In my columns definition I used the property editable: false, but when my Grid is rendered and I make a click on the column td, my checkbox turn in a input text.

Anyone can help me with this? 

 

this.columns =
                [
                    {
                        id: 1,
                        field: "selected",
                        title: "<input id='selectAll', type='checkbox', class='check-box', ng-click='brand_ctrl.selectAll()' />&nbsp;&nbsp;",
                        template: "<input type='checkbox' ng-model='dataItem.checked' />",
                        sortable: false, width: 37, locked: true, lockable: false, columnMenu: false, editable: false, reorderable: false, filterable: false, "menu": false,  selectable: false
                    },
                    { id: 2, field: 'name', title: 'Name', width: "226px",locked: true, lockable: false}
                ]

this.kendogrid = {
                    dataSource: (new kendo.data.DataSource(this.dataSource)),
                    selectable: "row", sortable: true, pageable: true, scrollable: true, editable: true, batch: true, resizable: true, reorderable: true,
                    toolbar: this.toolbar,
                    columnMenu: true,
                    columns: this.columns





Alexander Valchev
Telerik team
 answered on 09 Dec 2015
1 answer
206 views

I'm trying to persist shape rotation. I've followed the demo at http://demos.telerik.com/kendo-ui/diagram/editing and can persist width, height, etc.

However even the demo at http://demos.telerik.com/kendo-ui/diagram/editing is not generating a server AJAX call to persist the rotation.

Even if the diagram was sending up the new rotation setting to the server, I'm unsure how to map the rotation data as the example at http://docs.telerik.com/kendo-ui/dataviz/diagram/editing#shape-model-fileds doesn't show how to map to rotation. Rotation is a complex type which has angle, x, and y.

Is persisting shape rotation and using the Shape Model Fields to retrieve it from the server-side data supported? If so, is there any chance you could show me a working example? The documentation seems to be lacking in this area.

Thank you very much!

- Elijah

Daniel
Telerik team
 answered on 09 Dec 2015
1 answer
199 views

Hello,

I am having the following drag and drop scenario, which works under Chrome, but not with IE (11 or 10). I have an angular directive which consists of grid with single selection. In the link function, when the grid is populated with data, I convert it to kendoDraggable element via the following code:

    

function addDragDropTagSearchGrid() {
    scope.tagSearchGrid.table.kendoDraggable({
    filter: "tbody > tr.k-state-selected",
    cursorOffset: { top: 10, left: 10 },
    hint: function (e) {
        item = $('<div class="k-grid k-widget" style="background-color: lightblue; color: black;"><table><tbody><tr>Tag: ' + e.data().$scope.dataItem.tag + '/s</tr></tbody></table></div>');
         return item;
     },
     dragend: function (e) {
         scope.tagSearchGrid.clearSelection();
     }
  });
}

In my main application, I have a div marked with id="dropArea", and when all of the html is rendered, I convert it to drop area via the following code:

    

vm.addDropToChartSeries = function () {
            $("#dropArea").kendoDropTarget({
                drop: function (e) {
                    vm.updateChart();
                }
            });
        };

Everything works as expected, using Chrome. But after testing it with any version of IE, I end up with the following error when I select a row from the draggable grid and start to drag it:

SCRIPT65535: Invalid calling object

File: jquery.js, Line: 3099, Column: 5

But this happens only the first time after the page is refreshed. If I try to drag another row the following problem appears:

 

SCRIPT5007: Unable to get property 'ownerDocument' of undefined or null reference

File: jquery.js, Line: 1430, Column: 2

 

I am using jquery v2.1.4 & Kendo UI v2015.3.930.

 

Any help will be much appreciated! 

Petyo
Telerik team
 answered on 09 Dec 2015
2 answers
350 views

Hi,

I have a kendo window that's reused. How do I unset the dimensions of the window after I set the width and height? 

 E.g. 

Btn1 open window with width: 400px & height: 400px;

Btn2 open same window with dynamic content, expect window to resize according to content.

 

If I click on Btn1, and then Btn2. How can I set the windowOptions that the window will open resize according to the content size now? I tried to set width and height to null, undefined, empty string (""), even "auto". None worked.

 

Anna
Top achievements
Rank 1
 answered on 08 Dec 2015
1 answer
166 views

A search did not show up anything on my problem. I have a database date field I want to display on a form. I don't want to use an input datepicker. I just want to display a readonly short datetime. Things like the created and modified dates for a record.

I feel silly not finding this right away.

I hope somebody has done this before and it is easy.

Thanks,

Rick

Rick
Top achievements
Rank 2
 answered on 08 Dec 2015
3 answers
284 views

I wanted to initialize a window with mvvm but the problem is that it defaults to loading the content into a iframe.

I tried disabling the iframe with data-iframe="false" but it seems to ignore this.

Here is a snipet of the mvvm html

 <div data-role="window"

        data-title="Loading..."

        data-actions="['Close']"

        data-draggable="true"

        data-resizable="false"

        data-iframe="false"

         data-content="fmwEquipmentInformation.html"

        id="fmwEquipmentInformation">

</div>

 

In javascript I attempt to intialize with...

kendo.init(jQuery("#fmwEquipmentInformation"));

This loads the window but loads the content into a iframe which causes problems trying to bind the content div to data afterwards.

Joseph
Top achievements
Rank 1
 answered on 08 Dec 2015
1 answer
122 views

I am simply trying to use a kendoDropDownList within a grid.  Once a selection is made, I want the selected TEXT to show, NOT the value.

As you can see, I am using a different dataSource for the dropdown (which an array of JSON objects).  Should be simple...but the grid does not show the names/values at all.

I know I am missing something.,..just can't figure out what...thanks for any help.  Need to save what little hair I have left.

01.<script src="../content/shared/js/products.js"></script>
02.<div id="example">
03.    <div id="grid"></div>
04. 
05.    <script>
06. 
07.        $(document).ready(function () {
08.            var dataSource = new kendo.data.DataSource({
09.               pageSize: 20,
10.               data: products,
11.               schema: {
12.                   model: {
13.                     id: "ProductID",
14.                     fields: {
15.                        Category: { defaultValue: { CategoryID: 1, CategoryName: "Beverages"} }
16.                     }
17.                   }
18.               }
19.            });
20.           
21. 
22.            $("#grid").kendoGrid({
23.                dataSource: dataSource,
24.                pageable: true,
25.                height: 550,
26.                columns: [
27.                    { field: "Category", title: "Category", width: "180px", editor: categoryDropDownEditor }],
28.                editable: true
29.            });
30.        });
31.       
32.          var testArray = new Array();
33.          testArray.push({dsName:"DS1", dsID: 1});
34.          testArray.push({dsName:"DS2", dsID: 2});             
35. 
36.        function categoryDropDownEditor(container, options) {
37.            $('<input/>')                 
38.                .appendTo(container)
39.                .kendoDropDownList({
40.                    autoBind: false,
41.                        index: 1,
42.                    dataValueField: "dsID",
43.                    dataTextField: "dsName",                     
44.                    dataSource: testArray
45.                });
46.        }
47. 
48.    </script>
49.</div>

Boyan Dimitrov
Telerik team
 answered on 08 Dec 2015
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
Licensing
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
+? 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?