Telerik Forums
Kendo UI for jQuery Forum
0 answers
119 views
While using splitter a problem is there regarding resize, because when maximizes on either left or right then its very confusing and not possible for novice end user to find where he has to click to restore to earlier position. Two button are there and if wrong one clicked then getting the correct window in splitting pane is a pain. so please help.. 
Sourav
Top achievements
Rank 1
 asked on 22 Oct 2011
2 answers
410 views
Hi,

I am trying to put kendo upload in jquery dialog and with the new Beta2 it is not working. No js error and nothing happens when you click on the select button. It was working before Beta2 release. Just copy/paste the following sample code:

<html>
<head>
    <title>Kendo Upload in JQuery Dialog</title>        
    <link href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.blueopal.min.css" rel="stylesheet" />    
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
    <link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
    <script type='text/JavaScript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type='text/JavaScript' src="http://cdn.kendostatic.com/2011.3.1007/js/kendo.all.min.js"></script>
    <script type='text/JavaScript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js'></script>    
</head>
<body>
    <div id='dialog'><input name='files' id='files' type='file' /></div>
</body>
</html>
<script type="text/javascript">
    $(document).ready(function () {
        $("#files").kendoUpload({
            async: {
                saveUrl: "test.ashx",
                removeUrl: "test.ashx",
                autoUpload: true
            }
        });

        var dlg = $("#dialog");                
        dlg.dialog({
            title: "Test",
            width: 350,
            height: 210,
            bgiframe: true,
            modal: true,
            autoOpen: true
        });        
    });  
</script>

Kind Regards,
Plamen
Plamen
Top achievements
Rank 1
 answered on 21 Oct 2011
2 answers
170 views
The window has an open event that fires when the window is opened, but still animating.
The activate event is just after the animation.
The close event fires when the window is closed, but still animating.
There is no event that fires when the window is closed and done animating, for DOM removal or detachment.

Is there any chance we could get a Deactivate event as well to tie with the already existing activate event?  Something like the animation complete callback in the close function.

wrapper.kendoStop().kendoAnimate({
                    effects: hideOptions.effects,
                    duration: hideOptions.duration,
                    complete: function() {
                        wrapper.hide();
                        this.trigger(DEACTIVATE);
                    }
                });
Alex Gyoshev
Telerik team
 answered on 21 Oct 2011
1 answer
176 views
I know it's just hard to believe that Internet Explorer is causing problems. <said in a sarcastic voice> When you open a kendo window more than one time in IE8 the formatting seems to get really messed up. The close button disappears and leaves a white box in it's place. It will not close the window either. Even the demo on this site messes up if you open it more than once. Modal also doesn't seem to be working in IE8. I have the latest October release of Kendo. It seems to work fine in Firefox and Safari.
Kamen Bundev
Telerik team
 answered on 21 Oct 2011
1 answer
135 views
When a widget with a ".k-icon" span is part of a panelBar (say a datepicker), the "k-icon" span isn't displayed.

Changing line 307 in "kendo.panelbar.js" from :
items.find(".k-icon").remove();
to:
items.find(".k-link .k-icon").remove();
fixes the issue.
Kamen Bundev
Telerik team
 answered on 21 Oct 2011
1 answer
210 views
Hi,

Is it possible that I can limit the depth of the subnodes added when dragging a node? For example not to be able to create second level nodes, just root nodes and children to them.

Thanks,
Blagojce
Alex Gyoshev
Telerik team
 answered on 21 Oct 2011
1 answer
94 views
I have been trying without success to connect a remote URL that provides a basic XML output much like you have in the demo. When I call it though, I always am presented with Object doesn't support this type method right at b.lenght. When I look back at b, b is equal to "data". What I can't figure out is what I am missing to cause this to happen. Is it that it can't find the URL?

SCRIPT445: Object doesn't support this action
kendo.all.min.js line 1 character 27728

My Code

var sharedDataSource = new kendo.data.DataSource({                     
  pageSize: 10,                           
  transport: {                               
   read: "MYURL"          
  },
  schema: {
   type: "xml",
  data: "/NewDataSet/Data",                           
  model: {                               
   fields: {                                   
    edit: "edit/text()",                                   
      }                          
     }                       
    }                    
});

Xml Output Looks like
<NewDataSet><Data><edit>test</edit></Data><Data><edit>test2</edit></Data></NewDataSet>

I then setup my grid to connect to this datasource like so;

 $("#grid").kendoGrid({                       
    dataSource: sharedDataSource, 
   autoBind: true,                     
  height: 280,                       
  columns: ["edit"]                   
 });

Any thoughts would be awesome.... thank again

Rosen
Telerik team
 answered on 21 Oct 2011
1 answer
48 views
There's a ton of problems with the demo code...someone needs to go through each sample just to test

Look at this one for example:
<div id="tabstrip">
     <ul>
         <li>First Tab</li>
         <li>Second Tab</li>
     </ul>
     <div>First Tab Content</div>
     <div>Second Tab Content</div>
 </div>
 
var tabStrip = $("#tabStrip").kendoTabStrip();

Can you spot the...problem? :)
Dimo
Telerik team
 answered on 21 Oct 2011
1 answer
246 views
Hi eveyone,
I'm really interesting in Kendo UI and its potentiality, in particular the mobile compatibility.
At the moment we have developed in Silverlight a business app and we are interested in extending the potential of this product to mobile scenario. We'd like to know if it exists right now or if you are planning a tool to convert silverlight code to kendo code.

Thanks in advance,

Alessio

Sebastian
Telerik team
 answered on 20 Oct 2011
1 answer
241 views
I have two use cases that I could not implement with the TabStrip 
 - Open an external URL if the user clicks on the tab header (the tab itself has no content, so the current opened tab will not loose the focus) 
- Calling a Javascript Function if the tab header is clicked (that loads the remote data). Maybe it would be great in general, that it's possible to use data Sources for loading the tab contents and not only static urls... 

Exists there any solutions for those two use cases? 

Thank you 
Micha
Kamen Bundev
Telerik team
 answered on 20 Oct 2011
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?