Telerik Forums
Kendo UI for jQuery Forum
1 answer
572 views
I have a button group like the following:
<ul data-role="buttongroup" data-bind="index: selectedTabIndex, events: { select: tabSelected }">
    <li>Item1</li>
    <li>Item2</li>
    <li>Item3</li>
</ul>
However I get the following error when Kendo tries to bind my model:
"The index binding is not supported by the ButtonGroup widget"

Is it not possible to bind widget properties to a view model?
Alexander Valchev
Telerik team
 answered on 11 Dec 2013
5 answers
266 views
Hi, we had no problem with copying email contents, rich text and HTML content specially formatted HTML contents with tables, and pasting into HTML Editor in earlier version 2013.2.716 (both IE-10 and Chrome Browser were beautifully ok)!
However, as soon as we upgrade to version 2013.3.1122 yesterday, we have so many problems in pasting contents into HTML Editor.
1. In IE-10 the contents after pasting in the Editor has so many unnecessary line spacing. Also we can no longer paste contents with HTML table (editor does not show it in the table form, just show it in continuous lines with a lots of long line spacing in between lines).
2. In Chrome it's even worse, when we paste the content into the Editor, only partial of the content is being paste (NOT ALL).
Basically, the most beautiful working version of Editor in the previous version (2013.2.716), now in the new version (2013.3.1122) become practically useless!
Please do something about it, as most of our users and online customers are complaining to us on this particular issue since yesterday.
Any solution to quickly solve this tedious problem will be much appreciated.
Thank you.
Alex Gyoshev
Telerik team
 answered on 11 Dec 2013
5 answers
111 views
Hello Guys,

I have the 割 character for a multiple select. This view is populated by ajax. See screenshot attached.
It does this only on Apple devices.

Regards.
Kiril Nikolov
Telerik team
 answered on 11 Dec 2013
9 answers
168 views
We have a SplitView in our web app, that has two panes (menu on the left, content on the right).  We want to be able to direct-link to a specific view, like we do for the phone version of our web app.  For example:

http://www.ourwebsite.com/index.html#remote-view-name

This works when we don't use a splitview (like our phone app), and Kendo will automatically load the #remote-view-name and display it in the context of our application.  But, with a splitview it doesn't work the same.  It still loads the #remote-view-name and displays it in the application, but it completely ignores our splitview code and displays only that view (no left menu pane).  Since the splitview isn't loaded, much of the rest of the site is broken.

I'm assuming that Kendo just doesn't know which pane to display the #remote-view-name in, it makes no assumptions, and just displays the view only outside of a splitview?  Is there some way to do one of these direct links and tell it which pane to display the view in?  like "/index.html#remote-view-name?target=contentPane" ?
Kiril Nikolov
Telerik team
 answered on 11 Dec 2013
2 answers
297 views
I had been trying a lot to get adding filter in ajax (razor view)

Please someone helps me ... i am new and so much need your helps
Thank you so much...

i tried this one.

 $.ajax({
             contentType: "json",
             url: url,
             method: 'GET',
             success: function (d) {
                 // var dropdownpropertyvalue = $("#dropdownproperty").val(selectedIndex);
                 var grid = $("#GridProperty").data("kendoGrid");
                // grid.autoBind(false);
                 //grid.ajax();
                 grid.dataSource = new kendo.data.DataSource({ data: d });
                // grid.filter(filter.add({field: "EntityName", operator: "Contains", value: entityName}));
                 grid.dataSource.read();
                
                // grid.serverFiltering(true);
                 grid.dataSource.filter({ field: "EntityName", operator: "eq", value: dropdownpropertyvalue });
                 grid.refresh();
             }

         });
     }
(not working here    grid.dataSource.filter({ field: "EntityName", operator: "eq", value: dropdownpropertyvalue });)


In kendo, i can do like this for filter....

.DataSource(dataSource => dataSource
          .Ajax()
          .Batch(true)
          .ServerOperation(false)
          .Filter(filter => {
              filter.Add(p => p.EntityName).Contains(@ViewData["FirstEntity"].ToString());

          })
          .Model(x =>
          {
              x.Id(y => y.Id);
              x.Field(y => y.EntityName).Editable(false);
              x.Field(y => y.PropertyName).Editable(false);
              x.Field(y => y.Description).Editable(false);

          })
          .Read(read => read.Action("PropertiesRead", "Properties",new {toolId=1}))
          .Update(update => update.Action("OperationsUpdate", "Operations",new {toolId=1}))

and how to apply here tooId = (from js variable)?

Daniel
Telerik team
 answered on 11 Dec 2013
1 answer
89 views
I want to use checkbox, because it indicates that "you can click me",  customer is easy to use.
T. Tsonev
Telerik team
 answered on 11 Dec 2013
3 answers
780 views
I have tooltip to my asp.net mvc kendo application - i followed some of the sample code shown in the kendo ui demos.  The tool tip will display and show the content correctly but no matter what I do the tooltip alway has a transparent background.  Even if i use the content template and set the background color of a DIV to a solid color it still shows up transparent.  I've had no trouble with the Kendo PanelBar or Menu - just the tooltip.  Here is my markup:

<div class="float-right">
@*<nav>*@
<ul id="menu">
                 
<li><a href="#" id="Welcome" title="">Welcome @Html.DisplayFor(Function(model)model.FullName)</a></li>
    
</ul>

                    @Code
                        Html.Kendo.Tooltip() _
                    .Content("Test 1") _
                    .Position(TooltipPosition.Top) _
                    .For("#Welcome").Render()
                
                   End Code

@*</nav>*@
</div>
Kiril Nikolov
Telerik team
 answered on 11 Dec 2013
8 answers
354 views
how to column freeze in kendo grid
suppose i have a 3 column in grid.
Name
Address
Address1

I want to Freeze column Name and not applied any kendo grid feature like Dragging,sorting,resizable etc..
it must be always in first place

Thanks
Mayank
Max
Top achievements
Rank 1
 answered on 11 Dec 2013
1 answer
74 views
Hi,  
     I'm using grid with  "reorderable: true", i encounter a problem , when where is no data avaiable, you can not see the column defined in grid, 
 becase you can not  scroll the grid to right. 

    Any suggestion is appreciated.
Kiril Nikolov
Telerik team
 answered on 11 Dec 2013
1 answer
150 views
I have a panel bar with a list of item which have an image and a name. I'm trying to implement kendoDraggable to this Panel bar and what I do is:

$('#teamStatsPage #teamPlayersDiv').kendoDraggable({
        filter: 'li span.k-header',
        hint: function (item) {
 
            //parse HTML to get player ID
            var currentPlayerHTML = $.parseHTML(item.context.innerHTML);
 
            return $(item).clone().css({ background: "#CCCCCC", height: "30px", width: "200px", opacity: "0.5", border: "1px solid #666666", "text-align": "center" }).html(item[0].innerText).attr("data-id",$(currentPlayerHTML)[1].attributes[0].value);
   
        },
        dragend: draggableOnDragEnd,
        dragstart: draggableOnDragStart
    });
In Chrome and IE this is working because on kendoDropTarget I can get the data-id, but in Firefox it doesn't work. 

Each item list have this format:
<span class="k-link k-header"
        <img class="k-image" alt="" src="http://srvprd.blob.core.windows.net/xxx/20110.jpg">
         <span data-id="1302">John</span>
         <span class="k-icon k-i-arrow-s k-panelbar-expand"></span>
</span>

Atanas Korchev
Telerik team
 answered on 11 Dec 2013
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
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
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?