Telerik Forums
Kendo UI for jQuery Forum
1 answer
118 views

Trying to use keyboard navigation to select items in the AutoComplete suggestion list.

 Fairly certain this used to work.

 Selection does indeed work, but style no longer shows up to highlight keyboard selected item.

Check out demo. Type a letter 's'. Try to use keys to navigate up and down the list.  Notice how no style appears.

Tried in both FireFox and Chrome (latest versions).

http://dojo.telerik.com/Ipuge

Can also see this on the Kendo AutoComplete demo page (just make sure to switch to Material Black style first!)

http://demos.telerik.com/kendo-ui/autocomplete/keyboard-navigation

Plamen Lazarov
Telerik team
 answered on 20 Jul 2015
3 answers
165 views
I have added a map in my app using KendoUI > Visualization > Map. I am using AppBuilder to build my app.
What is the trick for getting the map to display at 100% height? When I try changing the css to add 100% height/width for the map, the map disappears.
Kiril Nikolov
Telerik team
 answered on 20 Jul 2015
8 answers
240 views
Can we have Nested list view using Kendo UI Mobile ? Pointers to example would be really helpful.
For instance if i have a json as shown below then 
1st -> I should have a list with "Drinks" and "Snacks" as Item
2nd -> If "Drinks" is selected then I should have list with "Water" and "Soda" Items with "Drinks" button to navigate back
3rd -> If "Water" is selected I should have a list with "Still" and "Sparkling" Items with "water" button to navigate back
 
{
       items: [
            {
                text: 'Drinks',
                items: [
                    {
                        text: 'Water',
                        items: [
                            { text: 'Still', leaf: true },
                            { text: 'Sparkling', leaf: true }
                        ]
                    },
                    { text: 'Soda', leaf: true }
                ]
            },
            {
                text: 'Snacks',
                items: [
                    { text: 'Nuts', leaf: true },
                    { text: 'Pretzels', leaf: true },
                    { text: 'Wasabi Peas', leaf: true  }
                ]
            }
        ]
    }
Petyo
Telerik team
 answered on 20 Jul 2015
1 answer
329 views

HI Team,

 

I am using Kendo Grid. We have two grid (Parent + Child) trying to added tooltip to parent but the tooltip is appearing in child as well.

 

For Example.

If I have Parent Grid details with ID, Name, Languages Known

And Child Grid with Location, Department, Salary

I tried to add tooltip to Languages Known column to show the languages they are selected. Which is working as expected by using kendo tooltip with filter as td:nth-child(3). But the problem is same tooltip value got displayed in Salary column in the Child Grid also.

Kindly provide solution for this ASAP.

 

Thanks in advance.

Swarna

 

Marin
Telerik team
 answered on 20 Jul 2015
3 answers
724 views
Hey admin,
Can i coloring Progress bar?
if progress under 50%, it will be RED.
if it between 50 and 70, it will be Yellow.
and if it 100%, it will be Green.

Thanks for your attention.
:)

regards, 
Rahadian
Dimitar Terziev
Telerik team
 answered on 20 Jul 2015
1 answer
5.6K+ views
Hi!

I have the following problem: in the asp.net mvc Upload widget, I cannot change the text of the Upload widget. In this thread there is a solution for this problem, however it does not work in ASP.NET MVC!

My code is fairly simple, there is 
@(Html.Kendo().Upload()
      .Name(
"FilesToUpload")
)
in the cshtml and the following code in the header: 
$(document).ready(function() {
$("#FilesToUpload").closest(".k-upload").find("span").text("Select unit bulk upload file");
});
If there would be an event for the widget (e.g. loaded) I could subscribe to it, but now, the only solution is to use the HTML and js way of creating an Upload widget, which is far from optimal in an ASP.NET MVC project.

Thanks for the help!
Damir
Top achievements
Rank 1
 answered on 19 Jul 2015
1 answer
136 views

I'm having trouble adding shapes to my map.

Here's my shape layer definition:

{
                type: "shape",
                style: {
                    stroke: {
                        color: "blue",
                        width: 4,
                        dashType: "solid",
                        opacity: 0.5
                    }
                },
                dataSource: shapes
            }

And this is how I'm adding things to it:

shapes.add({ "id": "FRA", "type": "Feature", "geometry": {
            "type": "MultiLineString",
            "coordinates": [myList] }
        });

When I hardcode the populating of myList using numbers I found in another thread on shapes it works:

var myList = [];
 
var pos = myList.length;
myList[pos] = [];
myList[pos][0] = -9.10531212;//I put these in here to make sure the problem wasn't that my coordinates were too precise.
myList[pos][1] = 43.91251212;
pos = myList.length;
myList[pos] = [];
myList[pos][0] = 3;
myList[pos][1] = 43;
pos = myList.length;
myList[pos] = [];
myList[pos][0] = 2;
myList[pos][1] = 36;
pos = myList.length;
myList[pos] = [];
myList[pos][0] = -9;
myList[pos][1] = 37;

But when I try to use the numbers from my data it doesn't work:  

var pos = myList.length;
        myList[pos] = [];
        myList[pos][0] = 42.3055286;
        myList[pos][1] = -87.89389;
        pos = myList.length;
        myList[pos] = [];
        myList[pos][0] = 42.3055415;
        myList[pos][1] = -87.8938938;
        pos = myList.length;
        myList[pos] = [];
        myList[pos][0] = 42.3055766;
        myList[pos][1] = -87.8938775;
        pos = myList.length;
        myList[pos] = [];
        myList[pos][0] = 42.3055958;
        myList[pos][1] = -87.8938808;

It looks like it should work to me, but it's not.  It never draws the line when I use my own data.

 Any ideas?

 

Matt
Top achievements
Rank 1
 answered on 17 Jul 2015
2 answers
273 views

I am using a WCF Web Service to populate my kendo grid.

 

I currently am returning a List of item objects ( List<items> ).  Now I need to enable server side paging and am at a loss as to how to go about this.  I know I have to return total, but how do I add the total to what I'm returning?

 Also what arguments do I need to add to my method in order to receive the skip, take, page, pageSize, etc from the grid?

Daniel
Telerik team
 answered on 17 Jul 2015
2 answers
320 views

I have a JSON string that I'm trying to convert to a datasource then bind to one of the controls. The string looks like this:

var TestData =  [ {"Category": "1", "Attributes": [{"Attribute": "A", "Attribute": "B", "Attribute": "C" }] }]

 then the datasource declaration is like this:

    var thisData = new kendo.data.DataSource({
        data: $.parseJSON(TestData),
        schema: {
            model: {
                fields: {
                    Category: { type: 'string' },
                    Attributes: {
                        Attribute: { type: 'string' }
                    },
                }
            }
        }
    })​

 When I bind to a listview and try to loop through the values in a template, it always tells me the length of the Attributes list is 1 and displays the last value ("C"). Is there something wrong in the declaration? 

Bryan
Top achievements
Rank 1
 answered on 17 Jul 2015
7 answers
236 views

Is there any option to bind Integer value in xaxis?

Our requirement is, we need to bind the Integer value in xAxis of Main chart and bind the Date value inxAxis of Navigator chart.

Please see the attachement,

 

Thanks,

 

T. Tsonev
Telerik team
 answered on 17 Jul 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?