Telerik Forums
Kendo UI for jQuery Forum
3 answers
459 views
Has anyone tried Kendo with Twitter BootStrap?
Any issues with that?
I'm looking to use Bootstrap for mostly CSS/UI/& buttons.
Prefer Kendo for DataGrids / Heavylifting.

In hints or tips would be great.

Thanks
Kris Nobels
Top achievements
Rank 2
 answered on 07 Nov 2012
1 answer
142 views
Hi,

I am using a datasource with a filter on it.

How can I get the 1st item of the data, which the filter returns?

Sample: The datasource has 20 items. When I apply a filter, the filter returns only 5 items. How can I access the 1st of the 5 items and all its properties?

Thanks
Florian
Florian
Top achievements
Rank 1
 answered on 07 Nov 2012
3 answers
116 views

Hi, 

We are specially looking for new charts & features like, Bubble, Doughnut, Splin, Spline Area, etc. charts and features like annotation drill down from each metric trend. What's near future plan to get this features.

Thanks,
Milind

Iliana Dyankova
Telerik team
 answered on 07 Nov 2012
0 answers
50 views
In the example http://demos.kendoui.com/mobile/forms/index.html (and beta) when I position the fields of type date, I will propose a text keyboard.
Mike
Top achievements
Rank 1
 asked on 07 Nov 2012
5 answers
549 views
Hello guys!
Basically, what I want is just to bind json formatted First and Last names to grid.
Hers is my datasource : http://10.50.0.106/DLC/api/grid?format=json
result ====>
http://10.50.0.106/DLC/api/grid?format=json
{"Result":{"FirstName":"coder","LastName":"coder"}}

Here is how I'm trying to bind it to grid:

 $("#grid").kendoGrid({
                                dataSource: {
                                    type: "jsonp",
                                    transport: {
                                        read: {
                                            url: "http://10.50.0.106/DLC/api/grid?format=json",
                                            dataType: "jsonp"

                                        }
                                    },
                                    pageSize: 1
                                },
                                schema: {
                                    model: {
                                        fields: {
                                            FirstName: { type: "string" },
                                            LastName: { type: "string" }
                                        }
                                    }
                                },
                                columns: [{
                                    field: "FirstName",
                                    width: 90,
                                    title: "First Name"
                                }, {
                                    field: "LastName",
                                    width: 90,
                                    title: "Last Name"
                                }]
                            });

As result I see blank grid with headers.
I receive no errors, warnings or exceptions. Can someone tell me what am I missing or doing wrong?
This actually drives me crazy =)

Muhammad
Top achievements
Rank 1
 answered on 07 Nov 2012
0 answers
546 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
475 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
350 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
125 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
145 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
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
Drag and Drop
Application
Map
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
DropDownTree
ListBox
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
Styling
ColorPicker
Pager
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
Licensing
PivotGridV2
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
LLM Kit
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?