Telerik Forums
Kendo UI for jQuery Forum
5 answers
255 views

Hi!

Environment

2016.2.607 version

Latest Chrome (Windows)

 

kendo pie & angular -  tooltip & labels templates issue

I configured pie chart with code below 

tooltip: {
                visible: true,
                template: "#= year # - test"
            },
            labels: {
                template: "#= year # - test",
                position: "outsideEnd",
                visible: true,
                background: "transparent"
            }

part 1 - labels template commented, kendo fails to create tooltips template (Line 48)

http://codepen.io/lev-savranskiy/pen/dXMErZ?editors=1000

part 2- when labels template uncommented , kendo fails completely

http://codepen.io/lev-savranskiy/pen/xOVowL?editors=1000

 

Any ideas?

 

THanks

 

 

 

 

Iliana Dyankova
Telerik team
 answered on 22 Jun 2016
1 answer
460 views

HI, I'm on test refer to http://demos.telerik.com/kendo-ui/grid/pdf-export

It works well with export to PDF file but there is a problem I found.

Korean,  something like Asian words cracks on PDF file.

I'm wondering I can encode in UTF-8 when I export to PDF my grid.

And with broken Asian words, column's height cracks too on first page even though put scale on it. 

What is the problem with that?

Alexander Popov
Telerik team
 answered on 22 Jun 2016
7 answers
554 views

So I am trying to use the template with the pdf export of a grid and I can't seem to find the correct syntax.

The grid exports to pdf, at the size outlined in the grid template, in landscape, but there is nothing from the page-template

included (the footer, header, etc).

<script type="x/kendo-template" id="page-template">
        <div class="page-template">
            <div class="header">
                Acme Inc.
            </div>
            <div class="watermark">I C L A</div>
            <div class="footer">
                The Important Message Goes Here, all else is fluff
                <div style="float: right">Page #: pageNum # of #: totalPages #</div>
            </div>
        </div>
</script>

 

 

So then I have the grid template

...

data-pdf= "{
                    'fileName': 'Greeeid.pdf',
                    'filterable': true,
                    'paperSize': [4000, 1500],
                    'margin': '{ top: 3cm, right: 1cm, bottom: 1cm, left: 1cm }',
                    'multipage': true,
                    'landscape': true,
                    'scale': '0.75',
                    'allPages': true,
                    'template': kendo.template($('#page-template').html())
                    }"

...

I think the problem is in the template line just above, but it may also be to do with the margin attribute.

I have yet to see good documentation on these properties in the KendoUI MVVM context, and the syntax seems to be

very unforgiving regarding single/double quotes, what needs to be a string etc..

Can anyone see the problem here?

Thanks -

Stefan
Telerik team
 answered on 22 Jun 2016
5 answers
304 views
I did some searching but couldn't find if anyone is doing this...
We are interested in achieving excel-like navigation while batch editing.

Basically when a cell is actively being edited and the enter key is pressed it goes down to the next row and becomes in edit mode (same column).
Also if possible (lower priority) if they instead click TAB it would go to the next cell to the right and be in edit mode.

In effect, editing all values in a given column would be something like the following:
Mouse click the first frow of a column
Type in value and press enter
(takes you to next row and goes into edit mode for you)
Type in value and press enter
(takes you to next row and goes into edit mode for you)
...repeat until you have done all of the rows in a column.

Dimiter Madjarov
Telerik team
 answered on 22 Jun 2016
1 answer
352 views

Hello,

I have an input element. It displays duration of an activity, so valid values are only numbers. When user types in an incorrect value, I show alert and then set the input value to the last correct input value.

Since I always want to display the value with one decimal number, I have bound the input to the function, which performs the formatting.

This is the part of the view:

<input data-bind="value: durationString" />

This is the part of the viewModel:

01.duration: 0;
02. 
03.//Converts string from the input to duration number and vice versa. Checks whether the string is a permitted number.
04.durationString: function (value) {
05.    if (value !== undefined) {
06.        var valueAsNumber = checkCorrectItemDuration(value);
07.        if (valueAsNumber !== -1) {
08.            this.set('duration', valueAsNumber); //new value is correct, set it
09.        }
10.        else {
11.            this.set('duration', this.get('duration')); //new value is incorrect, set the previous value
12.        }
13.    }
14.    else {
15.        return kendo.toString(this.get('duration'), 'n1');
16.    }
17.}

The problem is on the line 11. This line is executed when the value typed in the input is incorrect. I set the duration property to the same value as the value which it already has. I thought that this would force the input element to display the value from the duration property. But since the old and the new value of the duration property is the same, the input is not forced to refresh itself and so it still displays the incorrect value.

So, is it possible to force the input to display the correct value from the viewmodel?

Thanks for answers,

Boris

Petyo
Telerik team
 answered on 22 Jun 2016
1 answer
225 views

In this demo,

https://demos.telerik.com/kendo-ui/grid/filter-multi-checkboxes

 

The multi select for the product filter has a search ahead textbox for the client operations but not on the server operation.  Are there any example of the search text box implemented for the server side?

Patrick | Technical Support Engineer, Senior
Telerik team
 answered on 21 Jun 2016
1 answer
418 views

Hello,

Let us suppose we have a format n2 and decimals set to 2.

Now If we have some whole number in the text field for example 90.00 it is shown as "90.00". But if we click into the field it is shown as "90". 

Actually the format changes from '##.00' to '##' when the numeric textbox is clicked. We tried to changed the 'format' and 'decimals' property but still if we have a whole number then all zeros after decimal point are cut when we click in the text field.

We need to keep these zeros after clicking, how could this be achieved

 

Thank you,

Regards

Stefan
Telerik team
 answered on 21 Jun 2016
1 answer
517 views

Hello I have a kendo grid in MVC which currently works fine. I am making an Ajax request to read the information on the grid and everything works fine. However, I want to send another object into the same json coming from my action result that populates the grid as follows:

public JsonResult ReadElements([DataSourceRequest]DataSourceRequest request)      
{
    // this is my data that i want to populate in the grid
    var result = GetMyGridElements().ToDataSourceResult(request);
    //returning the following line allows my grid to be populated correctly
    //return Json(result, JsonRequestBehavior.AllowGet);
    
   var otherInfo = GetOtherInfo();
   //i want to return something like the following:
   return Json(new {result, otherInfo}, JsonRequestBehavior.AllowGet);
}

However, this results in a grid error. I have tried to bind to the following events to see what I could accomplish:

.Events(e => e.DataBinding("MyGrid.DataBinding"))

and

.Events(e => e.RequestEnd("MyGrid.RequestEnd"))

which use the following defined functions:

MyGrid.DataBinding = function (e) {
    debugger;
}
 
MyGrid.RequestEnd = function(e) {
    debugger;
}

I see that the only difference on the request end function is the way the e.response object behaves. On the non-working example the e.response object has a result and a otherInfo properties, whereas in the working example the content of the e.response object match the contents of the e.response.result object. So I tried doing this:

MyGrid.RequestEnd = function(e) {
    e.response = e.response.result;
}

However, on the databinding event, the e.items object is empty on the non-working scenario and contains all elements in the working scenario and my grid does not display any element

Basically my question is: 

is there a way that these two events connect with each other? how can I programatically select which information will be bound to the grid when multiple information is present on the response of the ajax request?

 

Boyan Dimitrov
Telerik team
 answered on 21 Jun 2016
1 answer
185 views

This issue is happening for more than 1 type of widgets. I know it happens to the DatePicker as well.

If the input element used for the numeric textbox has a placeholder attribute, the placeholder text appears indented too far to the right in Microsoft Edge browser. It can be reproduced by adding it using developer tools even on the Kendo UI demo examples by clearing the text inside and giving it the placeholder text.

See the attached screenshot.

Dimiter Topalov
Telerik team
 answered on 21 Jun 2016
1 answer
467 views
I'm replicating the Products demo for the List view and am wondering how to go about a pure client-side ListView that deals with an array instead of any JSON/Ajax calls. I'm looking at the similar functionality of Add a new record, edit, and delete. What I have achieved so far is a state where once I add a new record and save it, it get nullified.
Dimiter Topalov
Telerik team
 answered on 21 Jun 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
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
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?