Telerik Forums
Kendo UI for jQuery Forum
0 answers
465 views

I am trying to upload file to my application in download folder. But it doesn't show complete.
It show me to retry in Image but show alert message for error and also for complete. How Could i do that . I given my code below.  

<div style="width:45%">
    @(Html.Kendo().Upload()
        .Name("files")
        .Async(a => a
            .Save("Save", "Upload")
            .Remove("Remove", "Upload")
                    .SaveUrl("~/download/")
            .AutoUpload(true)
        )
        .Events(events => events
            .Cancel("onCancel")
            .Complete("onComplete")
            .Error("onError")
            .Progress("onProgress")
            .Remove("onRemove")
            .Select("onSelect")
            .Success("onSuccess")
            .Upload("onUpload")
        )
    )
</div>
<script>
    function onSelect(e) {
        alert("Select :: " + getFileInfo(e));
    }

    function onUpload(e) {
        alert("Upload :: " + getFileInfo(e));
    }

    function onSuccess(e) {
        alert("Success (" + e.operation + ") :: " + getFileInfo(e));
    }

    function onError(e) {
        alert("Error (" + e.operation + ") :: " + getFileInfo(e));
    }

    function onComplete(e) {
        alert("Complete");
    }

    function onCancel(e) {
        alert("Cancel :: " + getFileInfo(e));
    }

    function onRemove(e) {
        alert("Remove :: " + getFileInfo(e));
    }

    function onProgress(e) {
        $("#details").val("Upload progress :: " + e.percentComplete + "% :: " + getFileInfo(e));
    }

    function getFileInfo(e) {
        return $.map(e.files, function (file) {
            var info = file.name;

            // File size is not available in all browsers
            if (file.size > 0) {
                info += " (" + Math.ceil(file.size / 1024) + " KB)";
            }
            return info;
        }).join(", ");
    }
</script>
Pinaki
Top achievements
Rank 1
 asked on 07 Nov 2012
2 answers
420 views
Hi,

     I have a requirement that to export the kendo chart to excel. This is possible only when converting the chart to any image format.
     My problem is how to convert the kendo chart to image format because of kendo charts are client side.
     Please help me how to solve this problem.
       
Jineesh
Top achievements
Rank 2
 answered on 07 Nov 2012
2 answers
291 views

Is there a way to control whether or not the detail indicator shows?

I have a data set that may or may not have detail data and I want the indicator to reflect that.  

Basically in my data I get a value back that tells me if there are detail records and if there are none, I don't want it to show.

What is the best way to do this?
kevin zhu
Top achievements
Rank 1
 answered on 07 Nov 2012
1 answer
97 views
I had a problem about when i used headerTemplate Implement in columns and allow reorderable = true, i did not know reordering function support about headerTemplate or not ?
dejavu
Top achievements
Rank 1
 answered on 07 Nov 2012
0 answers
109 views
Hi:

Dojo remote datasource not working:
@{
    ViewBag.Title = "Tutorial 10";
}
<h2>Tutorial 10 - Remote DataSource</h2>
<!-- Tweets List -->
<ul id="twitter"></ul>
<script type="text/javascript">
    //  DataSource code
    var ds = new kendo.data.DataSource({
        transport: {
            read: {
                url: "http://search.twitter.com/search.json?q=kendoui",
                dataType: "jsonp"
            }
        },
        change: function () {
            var tweets = this.view();
            $.each(tweets, function () {
                $("#twitter").append("<li>" + this + "</li>");
            });
        }
    });
    //
    ds.read();
</script>
Image attached...
Phil

Phil
Top achievements
Rank 2
 asked on 07 Nov 2012
0 answers
38 views
I am using Kendo UI at a new job and it is extremely frustrating trying to find any documentation on how to use it properly with .NET 3.5 and Visual Studio 2008. That being said I am using a button click to call a page method but have no idea how to handle server side errors / pass them back to the client or even tell if it was successful.

Is there any example code I can look at of this happening? Nothing big just something simple. I unfortunately do not have access to the specific code I am referencing at the moment but would appreciate any help as this is getting increasingly frustrating.
Andrew
Top achievements
Rank 1
 asked on 07 Nov 2012
2 answers
121 views
For some strange reason, drag and drop operations in my TreeView have suddenly changed.  Up until a few days ago, it was working fine.  Now, when I drag and drop a node, the indicator displays correctly, but the item is dropped one line lower than the intended target.  Is there a configuration change I am unaware of?
Steven
Top achievements
Rank 1
 answered on 06 Nov 2012
1 answer
131 views
Hi,
I'm developing a mobile app with phonegap and kendo ui mobile, my kendo ui version is Q3 2012 BETA.
I've had problems with my forms inputs, especially with selects inputs, when I touch on a select input nothing happens, I can not see the select options.
This is my code:

HTML
<div data-role="view" id="comunicar-alerta-pi" data-title="Comunicar Alerta" data-layout="mobile-tabstrip" data-init="comunicar_alerta_pi">
<form id="formpi"> 
<ul data-role="listview" data-style="inset">
            <li>
                <select>
                    <option value="First Option">First Option</option>
                    <option value="Second Option">Second Option</option>
                    <option value="Third Option">Third Option</option>
                    <option value="Fourth Option">Fourth Option</option>
                </select>
                Select element
            </li>
</ul>
</form>
</div>


CSS
.km-root .km-on-android input
{
    -webkit-user-modify: inherit;
}
.km-root .km-on-android select
{
    -webkit-user-modify: inherit;
}
.km-root .km-on-android .km-list > li
{
    bottom: auto;
    -webkit-transform: none;
    -moz-transform: none;
}
 #comunicar-alerta-pi input:not([type=checkbox]):not([type=radio]),
    #comunicar-alerta-pi select,
    #comunicar-alerta-pi .k-dropdown
    {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%;
        border:1px solid red;
        padding:10px;
    }

If change the select to dropdown list, works (with a very slow fade transition) but I can see the select options.

How can I fix this select problem without need to change to dropdown list ?

Best regards

André Bolinhas
andre
Top achievements
Rank 1
 answered on 06 Nov 2012
5 answers
256 views
Hi,

     I am working on kendo bar chart with legend.
     Is there any onclick events for legend?
Ron DeFreitas
Top achievements
Rank 2
 answered on 06 Nov 2012
0 answers
121 views
Having a strange issue with Chrome and Kendo.  When the body css is set to 'margin: 0', the first time a dropdown is activated, the list is offset to the left a few px.  After closing, and reopening the list, the position is fine.  No reload of the page between, it just fixes itself.  If I remove the body margin in css, the list works perfectly.

As an example, when I inspect the .k-animation-container element on domready, the 'left' style attribute is empty.  On first click, it's '218px' and every other click after that sets it to '225.5px'.  Doesn't matter what my browser width is, it's always off by 7.5px.

First screenshot is initial click, second is any clicks after.
Running Chrome 22.0.1229.94, Kendo 2012.2.710 open-source

Ideas?
Kevin
Top achievements
Rank 1
 asked on 06 Nov 2012
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
Date/Time Pickers
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)
SPA
Filter
Drawing API
Drawer (Mobile)
Globalization
Gauges
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
OrgChart
TextBox
Effects
Accessibility
ScrollView
PivotGridV2
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
Popover
DockManager
FloatingActionButton
TaskBoard
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
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?