Telerik Forums
Kendo UI for jQuery Forum
1 answer
98 views
Hello,

We are using the MVC wrapper to create a grid that contains a column with a date in it.

The date is stored in UTC, and we would like to display it in UTC.

For most browsers, simply binding to the column and specifying a format string of "MM/dd/yyyy" works fine, but on the iPad the date is being converted to the local time zone instead. We are using remote data binding.

After searching around, I came across this:

http://www.kendoui.com/code-library/mvc/grid/using-utc-time-on-both-client-and-server-sides.aspx

Which suggests that there is no work around other than to add the client-side javascript to convert the date back to it's original time zone. I am just posting this message to confirm that this is still the case (since that project is over a year old).

Thanks,
--Dan
Alexander Popov
Telerik team
 answered on 16 Jan 2014
1 answer
318 views
Hi,

I need to create 3 tabs dynamically (with JavaScript), It works fine, if I have another tab created before, if not, I can see the "tab titles" but not the content and I am don't know what happens.

If I have this:

<div id="tabstrip" >
<ul>
       <li class="k-state-active">tab 1</li>
</ul>
 <div>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
    </div>
</div>

I can create new Tabs using this function:

var tabStrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");
tabStrip.append({
            text: "title",
            content:  generateTabContent("19")
        });

And works fine, but I have problems when I try to create new tabs dynamically without any previous tabs... 

I am sure that is something simple... but I cannot find the problem.

Please can anyone help me? 
Thanks,
Alexander Popov
Telerik team
 answered on 16 Jan 2014
5 answers
108 views
Seems there's an issue with back button to listview. Below listview renders fine with load more button and pull to refresh works fine.
However, when i click any list (to show detail content), it shows the detail fine... but when clicking the back button in the header, my listview is collapsed and shows the last item only (all the rest items are below the last item, so it is all collapsed). When i take pull to refresh action, then the listview shows normal.

have any clue???

<div data-role="view"
            data-id="notes-view"
            data-layout="main-layout"
            data-title="Notes"
            data-show="app.showListview"
            id="my-notes-view">
            <ul id="note-listview"
                class="listview"
                data-role="listview"
                data-pull-to-refresh="true"
                data-load-more="true"
                data-source="app.noteDS"
                data-template="notesTemplate"></ul>
        </div>


app.noteDetail = function(e){
        var view = e.view,
            noteDetailTemplate = kendo.template($("#noteDetailTemplate").text());
 
        app.noteDS.fetch(function(){
            item = app.noteDS.get(view.params.id); //this is actually fetching from ajax...
            view.scrollerContent.html(noteDetailTemplate(item));
            kendo.mobile.init(view.content);
        });
    };
Kiril Nikolov
Telerik team
 answered on 16 Jan 2014
6 answers
483 views
Using optionLabel in conjunction with template produces undesirable effect.
In this case both ${ data.State } and ${ data.Representative } come back
as undefined. You should not apply template on optionLabel.


dataTextField: "District",
dataValueField: "District",
filter: "contains",
optionLabel: "----------------",
template: kendo.template("${ data.State } ${ data.District } - ${ data.Representative }"),
Georgi Krustev
Telerik team
 answered on 16 Jan 2014
2 answers
151 views
Hi,

Im trying to update my listview datasource with .read() .refresh() but it creates a new search box.  This also happens if I call the listview with data-show at the view.

Any ideas on how to remove the old search box?

Thanks.

<div data-role="view" data-layout="overview-layout" id="overview-current" data-show="mobileListViewFilteringCurrent" data-title="test">
     <center><h2>TESTING</h2></center>
     <ul id="filterable-listview-current"></ul>
</di>


function mobileListViewFilteringCurrent() {
$("#filterable-listview-current").kendoMobileListView({
dataSource: new kendo.data.DataSource({
transport: {
read: {
url: "http://xxx.xxx.xx/data.php?mall="+current,
dataType: "json",
data: {
q: "javascript"
}
}
},
schema: {
data: "results" 
},
group: {
field: "letter"
},
sort: {
field: "name",
dir: "desc"
}
}),
template: $("#customListViewTemplate").html(),
filterable: {
field: "name",
placeholder: "Escriba el nombre del comercio...",
ignoreCase: true ,
operator: "contains"
},
fixedHeaders: true
});
Ricardo
Top achievements
Rank 1
 answered on 16 Jan 2014
2 answers
461 views
I'm experiencing a difference between IE and Chrome with the label overflow on the charts.  I'm using the sparkline to create a few barcharts in a table, and the labels are being cut off when viewing it in Chrome, overflow is visible in IE10.

Attached are some screenshots.  The bottom bar is 100%, the value = valueAxis.max.  The labels are set to "outsideEnd".  I've tried "insideEnd" which works when the value is 100%, but when the bar is 0% the "insideEnd" labels are cut off.  Not sure if I can make it conditional, display "insideEnd" if bar value is >50% and "outsideEnd" if bar value is <= 50%...

DataViz version is Q3 2013 1119.

The chart hierarchy is in:
      <table><tr><td><div><span id="sparkline"></span></div></td></tr></table>
I've tried setting overflow:visible on all of the parent elements.
T. Tsonev
Telerik team
 answered on 15 Jan 2014
3 answers
225 views
Hi,
I have one chart that can be set as column, bar, line and area by a radio input and I'd implemented the refresh method to update the chart for a selected type. I also have a slider where I can change a date and the datasource is updated. The problem is that when the read() method is called after a date is changed doesn't matter if I'd chosen the bar, line or area type, the chart goes back to the default type (stacked column) that was set on MVC sintax. Is there a property that I should set to keep the chart type the same it was before the datatasource update and the read() call?





T. Tsonev
Telerik team
 answered on 15 Jan 2014
4 answers
195 views
In an asp.net mvc 4.5 web project I'm adding the following css files to a bundle: bundles.Add(new StyleBundle("~/Content/css/kendo").Include(
     "~/Content/kendo/kendo.common-bootstrap.css",
     "~/Content/kendo/kendo.bootstrap.css",
     "~/Content/kendo/kendo.dataviz.css",
     "~/Content/kendo/kendo.dataviz.bootstrap.css"));
The result produces the following "Minification failed" error:
<link rel="stylesheet" href="/Content/css/kendo?v=1YMtmjX1ETsQVj7kkRXXmXC3IReX27oqRzELH_ZcGPE1">
/* Minification failed. Returning unminified contents.
(9,96148): run-time error CSS1030: Expected identifier, found '.'
(9,96165): run-time error CSS1031: Expected selector, found ')'
(9,96165): run-time error CSS1025: Expected comma or open brace, found ')'
(9,96202): run-time error CSS1030: Expected identifier, found '.'
(9,96219): run-time error CSS1031: Expected selector, found ')'
(9,96219): run-time error CSS1025: Expected comma or open brace, found ')'
(9,96363): run-time error CSS1030: Expected identifier, found '.'
(9,96371): run-time error CSS1031: Expected selector, found ')'
(9,96371): run-time error CSS1025: Expected comma or open brace, found ')'
*/
/*
* Kendo UI Complete v2013.3.1122 (http://kendoui.com)
...

Sebastian
Telerik team
 answered on 15 Jan 2014
4 answers
137 views
I am compleatly new to the kendo ui and i have downloaded the latest version of kendo ui with the free trail version which is for the evaluation purpose only, in my system.I am struggling to understand how to get started with the this.This has got only the examples,js,license agreements and styles.

I do not undersatand from where to start and how to proceed...i would appreciate if anyone can give me some details on how to get started.i have tried to see the videos given in the website in the browser "mozilla firefox 8.0" but it does not have any result to see.
Thanks,
Swarup
Kiril Nikolov
Telerik team
 answered on 15 Jan 2014
1 answer
292 views
I have Two scenarios, where i want to provide filtering, which does not have direct Mapping with Table column Field.
1) First one i am using Foreign Key Column with Combo Editior, this column is also using Template to display Name isntead of IDs.
  so the Table Relationship is like this, degree has DegreeCategoryID_FK  & joins to DegreeCategory's  DegreeCategoryID_PK Column.

On the Server WebAPI Read method Looks like
==========================================================================================================================
  public PageResult<Degree> GetDegrees(ODataQueryOptions<Degree> options)
        {
            IQueryable results = options.ApplyTo(db.Degrees.Include(dc => dc.DegreeCategory));

            return new PageResult<Degree>(
                results as IEnumerable<Degree>,
                Request.GetNextPageLink(),
                Request.GetInlineCount());

        }
==========================================================================================================================

So when user filters on this Column, it should actually translate that filter to DegreeCategory.Name on the server. 
How can i achieve this ?

The following is in Degree Grid
   {
                                    field: "DegreeCategoryID_FK",
                                    title: "DegreeCategory",
                                    width: 140,
                                    editor: DegreeCategoryComboEditor,
                                    template: function (dataItem) {
                                        //if (window.SelectedDegree != null) {
                                        //    dataItem.DGID_FK = window.SelectedDegree.DGID_PK;
                                        //    return window.SelectedDegree.Name;
                                        //}
                                        //else
                                        //    return "";
                                        return GetdegreeCategoryName(dataItem.DegreeCategoryID_FK, dataItem.DegreeCategory.CategoryName);
                                    }
                                },
Petur Subev
Telerik team
 answered on 15 Jan 2014
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
Drag and Drop
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
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
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?