Telerik Forums
Kendo UI for jQuery Forum
0 answers
34 views
Hi,

    I am using Applet and Kendo window in my project . I have to open the window above the applet.
But when I am opening it is hiding behind the applet.

Please suggest me some way to see the window above the applet.

Thanks & Regards,
Sourav

Sourav
Top achievements
Rank 1
 asked on 09 Nov 2011
2 answers
636 views
Hi,

I've just upgraded to v2 of Kendo UI and I plan to use the grid, window and possibly the splitters in an html5 Amazon Cloudfront app.

The problem I encountered with v.1 was that I could not just use the grid and windows scripts as my grid & window would not render.

At that point I tried every combo of the separated (smaller) scripts and finally came to the conclusion I need the "all" script to have beta 1 function.

That script is 250k which is very expensive in terms of bandwidth for my architecture.

So I googled on CDN and I found a blog post on the kendo site with links to the cdn for beta 1 in an article. However I found no "official" discussion of the kendo CDN as exists on the Telerik site for example (I am a Telerik Ajax/Silverlight user for almost 3 years).

The CDN worked fine but I had some grid issues and I decided to upgrade to beta 2. It works for my grid but my windows are now transparent so I just downloaded the v2 beta to see what is going on. I use JQuery UI and it is possible it is my own doing that the background on my windows are all "transparent" in v. 2.

However the major concern is CDN. I am going to re-evaluate if just links to the grid & window scripts do the trick with v2 but what would be best is a commitment by Kendo to support the CDN :))

Further my additional concern was if I go live before Kendo is officially release and the beta CDNs exist would they be taken down one day causing my app to break? I need something that won't change in terms of CDN so that I can hotlink and forget about.

That's about it :))

I applaud your suite as this was something I believed was necessary in the industry for quite some time.

Cary










Cary Abramoff
Top achievements
Rank 1
 answered on 08 Nov 2011
4 answers
214 views
I like the sleek look of your Tabstrip so much more than jQueryUI's version, but I'm having trouble getting a tab to collapse after it's been clicked and is currently active. I'd hate to pry too much into the code behind it, but what I've found is that if that functionality would exist, it would be in this section:
 M = j.extend({
...
           
_click: function(b) {
                var c = this,
                    d = a(b.currentTarget),
                    e = d.find("." + n),
                    f = e.attr(m),
                    g = a(c.contentElement(d.index()));
                if(d.is("." + D + ",." + F)) {
// NOTE: Prevent animation of same selected tab
                    b.preventDefault();
                } else {
                    if(a("." + v, this.element).filter(function() {
                        return a(this).data("animating")
                    }).length) {return;}
                    if(c.trigger(u, {
                        item: d[0],
                        contentElement: g[0]
                    })) {b.preventDefault();
                    } else {
// NOTE: Animate change of tab
                        var h = e.data(w) || f && (f.charAt(f.length - 1) == "#" || f.indexOf("#" + c.element[0].id + "-") != -1);
                        if(!f || h) b.preventDefault();
                        else return;
                        c.activateTab(d) && b.preventDefault()
                    }
                }
            }

Has anyone accomplished this? I'd hate to break the code by adding my own.
Angelo
Top achievements
Rank 1
 answered on 08 Nov 2011
6 answers
188 views
I am loading html in a tab as per the example.
eg. $(document).ready(function () {
                $("#tabstrip").kendoTabStrip({
                    contentUrls: [
                        'ajax/ajaxContent1.html',
etc.

In the ajaxContent1.html I would like to create a new Kendo UI widget say a treeview. Can this be done.  Also is it possible to execute javascript that is also contained in the  ajaxContent1.html file?

Thanks In Advance

Paul.
Paul
Top achievements
Rank 1
 answered on 08 Nov 2011
2 answers
85 views
I created two inputs as month/year pickers ... If I select a month/year and click with the mouse at the other month/year picker or in another place, than the first input field Change his value ...(FF) You may have an idea to fix this?
Georgi Krustev
Telerik team
 answered on 08 Nov 2011
13 answers
934 views
Ok, so my datasource is only available AFTER an $ajax request.

So how do I go about initializing the dropdowns (probably as disabled) on $(document).ready and then later populate them with data from the common DS?

This is what I did
- Created the DS global
var weightDS = new kendo.data.DataSource();

- Kendo the inputs to create the dropdowns
$("#from-select").kendoDropDownList({
    index: 0,
    dataTextField: "Msre_Desc",
    dataValueField: "Msre_Desc",
    dataSource: weightDS
});
 
$("#to-select").kendoDropDownList({
    index: 1,
    dataTextField: "Msre_Desc",
    dataValueField: "Msre_Desc",
    dataSource: weightDS
});

In the callback I then assign the datasource url and read in the data
weightDS = new kendo.data.DataSource({
            type: "odata", //Specifies data protocol
            transport: {
                read: currentItem.usda_WEIGHT.__deferred.uri
            }
        });
         
        weightDS.read();

...but the dropdowns aren't populating with the data from the DS.

What am I missing or doing wrong?  I thought once they were bound and the DS changes, all controls using that DS are re-bound?
Georgi Krustev
Telerik team
 answered on 08 Nov 2011
0 answers
111 views
Hi,

I am using a parameterMap function to submit grid properties to using my data services required names:

parameterMap: function(options) {
    return {
        PageIndex: options.page,
        PageSize: options.pageSize,
        Fetch: options.take,
        Offset: options.skip
    }

When serverPaging = false, the "take" value (options.take) is equal to the page size. But as I am doing client-side paging I want the data service to return more results than just the page size. I would like "take" to be a large number or preferably blank if serverPaging = false.

It's not critical, but my grids are dynamically set to serverPaging = true/false depending on some server algorithms (connection speed, data table size etc). Currently I would have to have two different paramterMaps or conditional code which is inconvenient.

Thanks.
BobDev
Top achievements
Rank 1
 asked on 08 Nov 2011
3 answers
407 views
Hi,

The following link is live and can be used to reliably reproduce a multitude of severe bugs with the kendo ui grid.

http://fuhshnizzle.s3.amazonaws.com/shniZZKrafty.html?kraftyman=00000100002145560985

This prototype has all the source code by "view source" so that hopefully these bugs can be addressed.

We are storing all data in an array as per your documentation and initially everything seems fine until hard testing reveals the bugs below.

My startup loves the grid but the bugs are a deal breaker. We are using Grid beta 1 however looking at the bug fixes for v.1 shows none of these addressed. We have spent countless hours getting this to work so we do not want to upgrade until we can see that the Kendo team can reproduce and give guidance. We are hoping that we can go live with kendo grid and be one of your high profile users.

We are in development so we have apx. 4 weeks to either get the Kendo Grid functional or cut it from our architecture so we are willing to work with your team as required as hopefully it is a win/win for all concerned.

So here are the 2 but very serious bugs:

1. Virtual scroll never highlights the last page. It only highlights the next to the last page even though it is on the last record.

2. Sorting, Elevator Bar and Page # do not sync. In other words when you sort to change the order the paging can show the scrollbar at the top but the highlighted page # in the footer as the last page. I am not sure if this is by design but it confuses our testers. They would expect the page to be at #1 when scroll bar is at the top.

MAJOR AND WORST BUG.
3. after scrolling, simply clicking on the column header for SORT OR a PAGE NUMBER in footer will collapse the grid as if there were zero records to display. This is quite severe and 100% reproducible. Just scroll down by clicking and dragging the elevator bar then click the column header. See attachment. PS- clicking the blue logo will reload the grid to expedite your testing.

4. IE8 rendering bug: The grid is completely mis-rendered in IE8 see IE8 snapshot attachment.

Please pound on this prototype by trying various combinations of scroll/page#/sort, i.e. using sort, paging, and virtual scrolling ALWAYS suss out the bugs/quirks and please guide us to include your very promising control in our web app. Again we have spent over 300 manhours getting your grid to work it would be a shame to have to use another company's grid.

Best,

Cary












Cary Abramoff
Top achievements
Rank 1
 answered on 07 Nov 2011
3 answers
123 views
When trying to create a chart with kendo I get several errors in firebug:  
Unexpected value M184.5 NaN 215.5 NaN 215.5 NaN 184.5 NaN z parsing d attribute.

I copied the example in the Kendo UI download and included the jQuery UI framework (jquery-ui-1.8.16.custom.js) .  Any ideas what I can do to resolve this?

So I'm basically running:
            <script>
                function createChart() {
                    $("#chart").kendoChart({
                        theme: $(document).data("kendoSkin") || "kendo",
                        title: {
                            text: "Internet Users"
                        },
                        legend: {
                            position: "bottom"
                        },
                        seriesDefaults: {
                            type: "column"
                        },
                        series: [{
                            name: "World",
                            data: [15.7, 16.7, 20, 23.5, 26.6]
                        }, {
                            name: "United States",
                            data: [67.96, 68.93, 75, 74, 78]
                        }],
                        valueAxis: {
                            labels: {
                                format: "{0}%"
                            }
                        },
                        categoryAxis: {
                            categories: [2005, 2006, 2007, 2008, 2009]
                        },
                        tooltip: {
                            visible: true,
                            format: "{0}%"
                        }
                    });
                }

                $(document).ready(function() {
                    createChart();

                    $(document).bind("kendo:skinChange", function(e) {
                        createChart();
                    });
                });
            </script>

thanks,
TC
Troy Chapla
Top achievements
Rank 1
 answered on 07 Nov 2011
2 answers
75 views
http://screencast.com/t/LC1OTvBZhU

So at about 27ish seconds you see the value of the combo item pop in and replace my search text...happens again right after that.

I can provide the script in a ticket if needed
sitefinitysteve
Top achievements
Rank 2
Iron
Iron
Veteran
 answered on 07 Nov 2011
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
Collapsible
Localization
MultiViewCalendar
Touch
Breadcrumb
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
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?