Telerik Forums
Kendo UI for jQuery Forum
1 answer
167 views
How do I download the current version of Kendo UI Mobile for Icenium (v2013.2.729 I believe).
I'm after the full package as I only wish to include the kendo.mobile.flat.min.css file (not the all.min.css one) in my project.

I can download the latest v2013.2.918 via the trial download but I don't think Icenium  supports it yet.

Thanks 
Darren
Steve
Telerik team
 answered on 22 Oct 2013
1 answer
156 views
Hello! I have a question......

It´s Url explains how can i change appearence for elements in a form....
http://demos.kendoui.com/mobile/forms/appearance.html#/

but wich is the style for display dropdownlist in all space of the list view like a input or label?

for label:

.km-root .appearance .km-listview label
{
width: 100%;
}

for input:

.km-root .km-pane .km-view.appearance .km-listview input
{
position: relative;
width: 100%;
right: 0;
margin-top: 0;
top: 0;
}


for dropdownlist??????????????




thank you very much

i hope your answer

Kiril Nikolov
Telerik team
 answered on 22 Oct 2013
1 answer
156 views
Hi guys,

i'm doing some tests, to do that i took a template on the kendo ui' page.
i clean it a bit to get what i want and right now, i have two div header in my html page.
i remove one at the load of the page and when i click on a button, i just want to remove the current header et set another one instead.
i've tried plenty of things but nothing seems to work correctly using jquery

here is my code:

<!DOCTYPE html>
<html>
<head>
    <title>Demo</title>
    <link href="styles/kendo.common.min.css" rel="stylesheet" />
    <link href="styles/kendo.default.min.css" rel="stylesheet" />
    <link href="styles/kendo.mobile.all.min.css" rel="stylesheet" />
    <link href="styles/index.css" rel="stylesheet" />
    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.all.min.js"></script>
</head>
 
<!--
    Contenu des pages chargĂ©es par le paneau left
-->
 
<body>
    <div data-role="view" id="drawer-home" data-layout="drawer-layout" data-title="Inbox">
    </div>
 
    <div data-role="view" id="drawer-starred" data-layout="drawer-layout" data-title="Starred Items">
    </div>
 
    <div data-role="view" id="drawer-drafts" data-layout="drawer-layout" data-title="Drafts">
    </div>
 
<!--
    // Paneau Left
-->
 
<div data-role="drawer" id="my-drawer" style="width: 270px" data-views="['/', 'drawer-home', 'drawer-starred', 'drawer-drafts']">
    <ul data-role="listview" data-type="group">
        <li>Menu
            <ul>
                <li><a href="#drawer-home" data-transition="none">m1</a></li>
                <li><a href="#drawer-starred" data-transition="none">m2</a></li>
                <li><a href="#drawer-drafts" data-transition="none">m3</a></li>
            </ul>
        </li>
    </ul>
</div>
 
<!--
        Headers
-->
 
<div class="Head" data-role="layout" data-id="drawer-layout">
    <header data-role="header">
        <div class="" data-role="navbar">
            <a data-role="button" data-rel="drawer" href="#my-drawer" data-icon="drawer-button" data-align="left"></a>
            <span id="compagnyName">Demo</span>
            <a data-role="button" onClick="changeHead()" data-icon="drawer-button" data-align="right"></a>
        </div>
    </header>
</div>
 
<div class="HeadSearching" data-role="layout" data-id="drawer-layout">
    <header data-role="header">
        <div data-role="navbar">
            <a data-role="button" data-rel="drawer" href="#my-drawer" data-icon="drawer-button" data-align="left"></a>
            <input type="text" id="city" name="city" class="k-textbox" placeholder="Ville" data-align="center" />
            <select name="country" id="country" data-align="right">
                <option>France</option>
                <option>Angleterre</option>
                <option>Luxembourg</option>
                <option>Espagne</option>
            </select>
        </div>
    </header>
</div>
 
<script>
    var app = new kendo.mobile.Application(document.body);
    $('.HeadSearching').remove();
</script>
 
<script>
    function changeHead()
    {
        alert('header replace');
        $('.head').replaceWith('.HeadSearching');
    }
</script>
</body>
</html>
if someone could help me doing this correctly ..
thanks by advance ;)
Kiril Nikolov
Telerik team
 answered on 22 Oct 2013
1 answer
119 views
is there a way to reset an app so that it starts over and reloads all of the views, etc.?
Petyo
Telerik team
 answered on 22 Oct 2013
3 answers
242 views
hi guys.
i am using icenium and kendo mobile&web.
i am trying to create datepicker widget  in some of the views. after define data-model to the view and follow kendo demos , i managed to create dropdown list that bind to the data model. when try to create datepicker or timepicker it act like its ignore the code.
i use the data-role='timepicker' attribute same as in the demos.
is it possible that kendo mobile does not support mvvm and datetime pickers?
can you suggest me widget that can work to me?
regards
 maor
Maor
Top achievements
Rank 1
 answered on 22 Oct 2013
3 answers
229 views
I'm getting data from a remote like so:

var dataSourceStatistics = new kendo.data.DataSource({
    transport: {
        read: {
            data: {
                f:'getCustomerStats',
                fromDate:function () {
                    return "2012-01-01";
                },
                toDate:function () {
                    return "2012-06-19";
                },
                custStats:null
            }
        },
        update: {
 
        }
    },
    schema: {
        data: function(data) {
            return data.result.custStats.Record;
        },
        total: function(data) {
            return data.result.custStats.Record.length;
        },
        model:{
            id: "EmployeeId",
            fields: {
                Employee: {
                    editable: false
                },
                EmployeeId: {
                    editable: false
                },
                ValueCandE: {
                    type: "number",
                    defaultValue: 0
                },
                ValueE: {
                    type: "number",
                    defaultValue: 0
                },
                ValueEandCandM: {
                    type: "Number"
                },
                ValueEandM: {
                    type: "Number"
                }
            }
        }
    }
});

The remote data does not always contain the ValueE and ValueCandE fields.
Currently, all the missing fields show up as null in the models.

Why doesn't the DataSource respect my default values?
Petur Subev
Telerik team
 answered on 22 Oct 2013
1 answer
2.3K+ views
I have a very simple strongly typed datasource that consists of Bills:
public class BillName
    {
        public string Bill { get; set; }
    }

And a very simple test case that returns these bills through a WebApi in MVC:

var dataSource = new kendo.data.DataSource({
            transport: {
                read: {
                    url: "/api/NavBillApi/GetAllBills",
                }
            }
        });
        
        $('#searchBills').kendoAutoComplete({
            dataSource: dataSource,
            filter: "startswith",
            dataText: "Bill",
            minLength: 1,
            //ignoreCase: false,
            placeholder: "Select ...",
        });

[HttpGet]
        public IEnumerable<BillName> GetAllBills()
        {
            var billList = _billsService.GetAllBillNames();
            //var x = billList.Count();
            return billList.AsEnumerable();
        }

I have tried every option on the datasource and AutoComplete widgets that I have found in the documentation.  If I uncomment ignoreCase: false, then I get the error: Uncaught TypeError: Object [object Object] has no method 'lastIndexOf'.
I am out of ideas.  Thanks for any help.
Georgi Krustev
Telerik team
 answered on 22 Oct 2013
1 answer
257 views
When I try to page using ToDataSourceResult using an IQueryable from Entity Framework 5.0 I receive the exception below. I hope I wasn't doing something dumb but I did not find anything in the ToDataSource documentation that would suggest otherwise.


The method 'Skip' is only supported for sorted input in LINQ to
Entities. The method 'OrderBy' must be called before the method 'Skip'.

System.NotSupportedException

The
method 'Skip' is only supported for sorted input in LINQ to Entities.
The method 'OrderBy' must be called before the method 'Skip'.

System.NotSupportedException: The method 'Skip' is only supported for sorted input in LINQ to Entities. The method 'OrderBy' must be called before the method 'Skip'.
at System.Data.Objects.ELinq.ExpressionConverter.OrderByLifter.PassthroughOrderByLifter.Skip(DbExpression k)
at System.Data.Objects.ELinq.ExpressionConverter.OrderByLifter.Skip(DbExpressionBinding input, DbExpression skipCount)
at System.Data.Objects.ELinq.ExpressionConverter.Skip(DbExpressionBinding input, DbExpression skipCount)
at System.Data.Objects.ELinq.ExpressionConverter.MethodCallTranslator.SkipTranslator.TranslatePagingOperator(ExpressionConverter parent, DbExpression operand, DbExpression count)
at System.Data.Objects.ELinq.ExpressionConverter.MethodCallTranslator.PagingTranslator.TranslateUnary(ExpressionConverter parent, DbExpression operand, MethodCallExpression call)
at System.Data.Objects.ELinq.ExpressionConverter.MethodCallTranslator.UnarySequenceMethodTranslator.Translate(ExpressionConverter parent, MethodCallExpression call)
at System.Data.Objects.ELinq.ExpressionConverter.MethodCallTranslator.SequenceMethodTranslator.Translate(ExpressionConverter parent, MethodCallExpression call, SequenceMethod sequenceMethod)
at System.Data.Objects.ELinq.ExpressionConverter.MethodCallTranslator.TypedTranslate(ExpressionConverter parent, MethodCallExpression linq)
at System.Data.Objects.ELinq.ExpressionConverter.TypedTranslator`1.Translate(ExpressionConverter parent, Expression linq)
at System.Data.Objects.ELinq.ExpressionConverter.TranslateExpression(Expression linq)
at System.Data.Objects.ELinq.ExpressionConverter.MethodCallTranslator.UnarySequenceMethodTranslator.Translate(ExpressionConverter parent, MethodCallExpression call)
at System.Data.Objects.ELinq.ExpressionConverter.MethodCallTranslator.SequenceMethodTranslator.Translate(ExpressionConverter parent, MethodCallExpression call, SequenceMethod sequenceMethod)
at System.Data.Objects.ELinq.ExpressionConverter.MethodCallTranslator.TypedTranslate(ExpressionConverter parent, MethodCallExpression linq)
at System.Data.Objects.ELinq.ExpressionConverter.TypedTranslator`1.Translate(ExpressionConverter parent, Expression linq)
at System.Data.Objects.ELinq.ExpressionConverter.TranslateExpression(Expression linq)
at System.Data.Objects.ELinq.ExpressionConverter.Convert()
at System.Data.Objects.ELinq.ELinqQueryState.GetExecutionPlan(Nullable`1 forMergeOption)
at System.Data.Objects.ObjectQuery`1.GetResults(Nullable`1 forMergeOption)
at System.Data.Objects.ObjectQuery`1.System.Collections.Generic.IEnumerable<T>.GetEnumerator()
at System.Data.Entity.Internal.Linq.InternalQuery`1.GetEnumerator()
at System.Data.Entity.Infrastructure.DbQuery`1.System.Collections.IEnumerable.GetEnumerator()
at Kendo.Mvc.Extensions.QueryableExtensions.Execute[TModel,TResult](IQueryable source, Func`2 selector)
at Kendo.Mvc.Extensions.QueryableExtensions.CreateDataSourceResult[TModel,TResult](IQueryable queryable, DataSourceRequest request, ModelStateDictionary modelState, Func`2 selector)
at Kendo.Mvc.Extensions.QueryableExtensions.ToDataSourceResult(IQueryable enumerable, DataSourceRequest request)
at AGP.Controllers.DocumentController.CompSalesGrid(DataSourceRequest request, ComparableManagementSaleSearchTerms search) in c:\Code\AGP\Main\AGP\Controllers\DocumentController.cs:line 1603
at lambda_method(Closure , ControllerBase , Object[] )
Rosen
Telerik team
 answered on 22 Oct 2013
1 answer
121 views
I found this http://jsfiddle.net/bDvkQ/ which does a great job of making the combo into a checked combo box but you have to click on the checkbox to select the items.  I would like to have it select the item if I click on the text as well.

Any ideas on how to adapt it to support this?

Thanks,
Elliot
Georgi Krustev
Telerik team
 answered on 22 Oct 2013
3 answers
165 views
Hi,

I've found the need to style my gauges somewhat "outside" the scope of your documentation (At least as far as I could see). I'm trying to style the scale it self, both in the linear and radial gauges. What I'm trying to achieve is a border along the edges, as can be seen in the attachments (These are custom styled Telerik components by the way). Is this at all possible with the Kendo equivalent components?

Also, is it possible to style the pointer of the radial gauge, to look more like the one in the attached image? I know there's probably alot of custom css to be done here, but I find it really neccesary to be able to do this.

Best regards,
Nicklas
Iliana Dyankova
Telerik team
 answered on 22 Oct 2013
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
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?