Telerik Forums
Kendo UI for jQuery Forum
1 answer
165 views

Hi Team,

I am new to KendoUI with AngularJS. I have been assigned to create a POC to implement AutoComplete Textbox with Hierarchical data. I am stuck. Could some one share me any link of sample project for me to start.

autocomplete with flat text is simple but the requirement is to have Hierarchical text.

Appreciate your help.

Thank you.

Alexander Popov
Telerik team
 answered on 25 Feb 2016
1 answer
131 views

hello,

We are having some issues with tool tip positioning on our charts.  Our charts have lot of tool tips and also have need to double click and drill down.  Sometimes what is happening is due to the position of tool tips we are not able to double click on the chart objects (lines, bars, etc).  Is there a way to position tool tips above chart objects 

Please see attached document for the problem we are facing.  Please help resolve this as its a major show stopper for us.

Thanks

 

Iliana Dyankova
Telerik team
 answered on 25 Feb 2016
2 answers
286 views

There is a way to display the dataSource as rows and not columns?

My dataSource has only one record with 30 properties. I would like to display the properties as rows (property1 => row1, property2 => row2, ...) instead of columns (property1 => column1, property2 => column2, ....).

In fact, I would like to retrieve 3 records (each one with 30 properties), but the 3 records would be the colums and the common 30 properties would be the rows.

How can I do that?

Larissa
Top achievements
Rank 1
 answered on 25 Feb 2016
1 answer
821 views

1. Currently, the grid shows a confirmation alert when you want to delete a row. Is there a way to get this alert on creation and on update as well?

2. Is there a way to disable the "Ignore future alerts from this page" option (a checkbox when the alert appears)? I don't want users to check it and thus being able to bypass confirmation.

Marin
Telerik team
 answered on 25 Feb 2016
1 answer
436 views
I added different tools to the Kendo Editor toolbar (bold, italics, dropdown lists etc.,).

In the highlighted code snippet attached, I have created a Font Name and Font Size drop down lists by passing values using ‘Model.ItmConfigForSection.ItemFontListddl’ list.

But I could see default values as ‘Inherited font’ and ‘Inherited size’ below, instead of the original values(‘Arial’ & ‘20’).

I did some research and found that this is the default behavior of kendo and cannot be changed. Is there a way to get rid of this text and see the actual value there?
Nikolay
Telerik team
 answered on 25 Feb 2016
4 answers
359 views

Hi! I need to figure out, how to put tab strip, couple of grids in this tab strip, some buttons and file upload control inside custom pop-up template, and how to bind those controls to options, data sources, etc.

If I put pop-up template on my page, I can't(?) use code like:

var tabstrip = $(".popUpTabstrip");
            tabstrip.kendoTabStrip({
            animation: {open: {effects: "fadeIn"}}});</script>

I'm creating my grid in JS entirely, referencing .js file.

I've also tried to set my own function to render pop-up template content and then called .html(), but .kendoTabStrip line doesn't do anything, because all this is converted to HTML.

Please, tell me, which way is the best to achieve my goal?

Ideally, I want to use function to render template, where I can create new kendo controls and bind them to data sources, defined in my js file.

Boyan Dimitrov
Telerik team
 answered on 25 Feb 2016
4 answers
863 views
Custom formats with # and 0 in kendo.toString do not appear to work correctly.  For example: kendo.toString(1234.5678, "#####") returns 12345 as shown in the demo example, but kendo.toString(12345678, "#####") returns 12345678.  I would expect both snippets to return 12345.  Also custom formats like ###-###-####,  ## ## ##, #(###) ### ####, ##:##:##:## do not work, they just return an error or the original value.  Any help would be greatly appreciated.

Thanks

Jonathan
Georgi Krustev
Telerik team
 answered on 25 Feb 2016
2 answers
492 views

Hi

 

I've been trying out the MVVM system for an upcoming project, and I seem to have a problem with understanding the basics. All of the examples/samples I've tried from the Kendo webpage have worked as intended, but my own test refuses to function.

Basically I have a span with a text value, which is changed by a button click. Simple. The problem is that, even though the ViewModel is updated (according to console print-outs), the text being displayed on the website does not.

I hope someone could have a look at this and tell me what I'm doing wrong - really is a very simple example.

 

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
 
 
</head>
<body>
 
    <div id="app">
        <div id="replaceMe"></div>
    </div>
    <div>
        <button id="swapButton">Swap Text</button>
    </div>
 
    <script type="text/x-kendo-template" id="template">
        <div>
            <span data-bind="text:displayMe">Not bound</span>
        </div>
    </script>
 
    <script type="text/javascript">
 
        var viewModel = kendo.observable({
            displayMe: "Foo",
            swapText: function () {
                if (this.displayMe == "Foo") {
                    this.displayMe = "Bar";
                } else {
                    this.displayMe = "Foo";
                }
 
            }
        });
 
        $("#swapButton").kendoButton({
            click: function (e) {
                viewModel.swapText();
                console.log("Swapped Text: " + viewModel.displayMe);
            }
        });
 
        var template = kendo.template($("#template").html(), { useWithBlock: false });
        var templateAsHtml = template({});
         
        $("#replaceMe").html(templateAsHtml);
        kendo.bind($("#replaceMe"), viewModel);
 
    </script>
</body>
</html>

 

 

 

 

Andreas
Top achievements
Rank 1
 answered on 25 Feb 2016
9 answers
476 views

I'm currently using Typescript and the latest kendo type definition (and WebStorm as my IDE).

I am using the DataSource as illustrated in the second example of the Read section at this link: 

    http://docs.telerik.com/kendo-ui/framework/datasource/crud

where read is set to be a function.

Everything compiles fine and works BUT my editor is not able to resolve this overloaded version based on the kendo ui type definition. 

 How can I get an updated version of the definition that contains this overload OR how can I resolve this issue?

I've attached a screenshot demonstrating the error.

  

 

 

 

 

Kiril Nikolov
Telerik team
 answered on 25 Feb 2016
1 answer
286 views

Hi! I have grid on my page and I'm using pop-up editor with custom template. Here are problems I've got:

1) I have to set window's dimensions in pixels. It's not able to auto-size to fit content

2) I have TabStrip in this window and I have to put it in separate Div and set this div's dimensions. Otherwise TabStrip renders incorrectly. I can't just place TabStrip and tell it "use 100% of width" - it won't. It demands values in pixels.

3) I have child grids in my pop-up editor window. Grid allows to delete records, so I'm using pop-up window to display delete confirmation. I'm using basic template

from Kendo examples. (Look at code at the bottom of my post)

It works, but looks ugly. I need to have proper formatting. For example, properly aligned message, properly styled and aligned buttons (like in grid edit pop-up)

Which k- classes can I use?

Also, close button renders incorrectly. It should be a button with X, but instead it renders "Close" text, which is displayed almost outside the window's borders. And when I click in it, it gives an exception.

Also this window isn't fully modal. I can click on pop-up editor window and it will bring it to front, hiding confirmation window.

<script type="text/x-kendo-template" id="windowTemplate">Delete <strong>#= ProductName #</strong> ? </p>We have #= UnitsInStock # units in stock. </p><button class="k-button" id="yesButton">Yes</button><button class="k-button" id="noButton"> No</button></script>

Magdalena
Telerik team
 answered on 24 Feb 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
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?