Telerik Forums
Kendo UI for jQuery Forum
1 answer
546 views
Hi Support Team,

I had a big issue when using KendoListView function on windows 8 platform. The issue is window 8 platform doesn't allow us add dynamic html that contain unsafe code. 

I made a search and found out this link:
http://msdn.microsoft.com/en-us/library/windows/apps/hh465380.aspx

This is extracting from the article:
"Dynamically adding HTMLA page
in your app's local context has more access to the system than other Web pages (or "Web-context pages") do. It can access the Windows Runtime and, depending on the app's permissions, might be able to access the file system and your devices. For this reason, it's important to prevent potentially malicious code from executing.To guard against script injections and help shield your system from potentially malicious code, HTML you inject into a page in the local context is filtered as though it was processed by the toStaticHTML method. Injecting HTML that contains an unknown element, event handler, script or reference to script, or unknown CSS pseudo-element and pseudo-class causes an exception when you try to add the HTML to the page's DOM."

We can work around by placing the block of code in the function MSApp.execUnsafeLocalFunction as following:
MSApp.execUnsafeLocalFunction(function () {
                        var listView = $("#listView").kendoListView({
                            dataSource: localDataSource,
                            selectable: 'single',
                            template: kendo.template($("#CountryListView_template").html())
                        });
                    });

But this method is not good as we must change code of the whole process to make it work. So I need to override the kendoListView function to make it affect for the whole project without much code changes.

I tried this one:

 _kendoListView = $.fn.kendoListView;
 $.fn.kendoListView = function (i) {
       var _this = this;
        MSApp.execUnsafeLocalFunction(function () {
            _kendoListView.apply(_this, arguments);
        });
        
    }

But it doesn't work. Would you please help me how to override this function above. i just want to add the code MSApp.execUnsafeLocalFunction before call KendoListView function. 

Thanks and Best Regards,
Craig,

Alexander Valchev
Telerik team
 answered on 13 Nov 2013
1 answer
216 views
Hi team,

I want create Dynamic templates.In the below link sample showing the static template.
http://jsfiddle.net/kashyapa/hWXuF/embedded/result/
My requirement is  bind the dropdown list dynamically and based on change event bind another control .
Could you please suggest how to crate this type of templates in MVC  and If you have any samples could you please send?
Petur Subev
Telerik team
 answered on 13 Nov 2013
3 answers
150 views
Our website app is located at http://360vindemo.com. We are using KendoUI v2013.2.1024, and we are calling remote views.

If you browse to our website on some mobile devices (specifically a Nexus 7 or an iPad Mini), the first time you load the website (it auto-forwards mobile devices to http://360vindemo.com/Mobile), the Kendo Mobile Application starts up and loads everything, but the problem is that the browser evidently thinks the header takes up 0 height, so the View that gets rendered is underneath it. See the screenshot. After refreshing the page, it looks normal, and the header takes up the correct amount of height. So there seems to be some weird timing issue, that if something isn't loaded, the header takes up 0 height, and the View registers that it is supposed to be at the very top of the screen.

This bug only seems to happen after I have either closed the browser, reopened it, and browsed to our URL; or cleared the cache, then browsed to our URL. But if you hit the refresh button, it works every time.

We have tried giving the <header> tag an inline height, but the remote views still appear under the header. Any idea what is going on here? Let me know if you need any clarifying information.
JohnVS
Top achievements
Rank 1
 answered on 13 Nov 2013
2 answers
238 views
I have a situation where I want to attach a persistent function to child objects of a view model after they are passed to the view model from the server, so ...

I am fetching it through a dataSource, that goes to the Kendo Multi-Select widget. The data looks like this ...

{
  Name: "Some Object",
  Other: "Some other Properties",
  Tags: [
    {
      Name: "Tag1",
    },
    {
      Name: "Tag2",
    }
  ]
But I would like for it to look like this, once it is in my javascript.

{
  Name: "Some Object",
  Other: "Some other Properties",
  Tags: [
    {
      Name: "Tag1",
      onDelete: function(e){
        //somethinghappens;
      }
    },
    {
      Name: "Tag2",
      onDelete: function(e){
        //somethinghappens;
      }
    }
  ]
Is there anything I can do to achieve this? I was looking at the "schema" feature of the dataSource.
Petur Subev
Telerik team
 answered on 13 Nov 2013
1 answer
416 views
Drag from listview and drop in  Circular target area (maybe using SVG etc it can be achieved)
I tried using CSS circle border-radius:50% but it just shows circle div , but actually its a rectangular div.

I am searching the solution from several days in your forum and other stackoverflow forums, but couldn't find solution for complete circular div area for drop (Using Drag and Drop)

Please let me know whether it is possible or not ?
If you want more detail of my question then I can create a jsfiddle for it.
Dimo
Telerik team
 answered on 13 Nov 2013
1 answer
242 views
So I'm using dataTables since I really like the functionaloty, but I'm having problems pulling the data.. only kendoUI can pull the data from a Yii url structure for instance this one url:"<?php echo Yii::app()->createUrl('gridData/dataContactLog?customer_id='.$model->id); ?>",  so I just want to get data from kendoUI and put it in dataTables plugin thhanks!
Alexander Valchev
Telerik team
 answered on 13 Nov 2013
1 answer
163 views
I am following this demo:
http://demos.kendoui.com/mobile/scrollview/custom-template.html#/

What I am not able to figure out is how to bind a Tap event either after the new pages are rendered.

$('.
batch-page .gallery-page .tile').kendoTouch({tap: function (e) {
   alert('Hello")
}});

Normally I would just jquery's live on method, but I need the kendo tap binding.
Alexander Valchev
Telerik team
 answered on 13 Nov 2013
4 answers
345 views
Hi there.

I have several dropdownlist boxes, and each box is populated serverside
<BR><div style="position:absolute; @(item.GetDataSizePos(true));
margin-top:0px;"><BR>
@Html.Kendo().DropDownList().Name(item.le.FieldId).BindTo(CaretakerPortal.App_Start.CaretakerHelpers.CreateSelectList(item.le.DropDownItems,
item.datavalue.IntValue.ToString())).Enable(true).OptionLabel("Vælg fra
listen").HtmlAttributes(new { @style = "width: 100%; height: 100%;" })<BR>
</div>
The CreateSelectList function returns a List<SelectListItem>
When the returned List<SelectListItem> got a default value (Selected=true), the dropdownlist is not visible, if there is not selected value, then the dropdownlist is visible.
In firebird developer screen, i can see it sets visibility: hidden when i got a value, and its not there when i dont have a value.
When i have a value for a dropdownlist - html code:

<span class="k-widget k-dropdown k-header" style="width: 100%;
height:
100%;" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="aktivitet_aprioritet_listbox" aria-disabled="false" aria-readonly="false" aria-busy="false" aria-activedescendant="aktivitet_aprioritet_option_selected"><BR><span class="k-dropdown-wrap
k-state-default" unselectable="on" style="visibility: hidden; color:
rgb(153, 153,
153);"><input id="aktivitet_aprioritet" class="valid" type="text" value="A" style="width:
100%; height: 100%; display:
none;" name="aktivitet.aprioritet" data-role="dropdownlist"><BR></span>
Note the second <span>
And here is the html code when i dont have a value:
<span class="k-widget k-dropdown k-header" style="width: 100%;
height:
100%;" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="aktivitet_ansvarlig_listbox" aria-disabled="false" aria-readonly="false" aria-busy="false" aria-activedescendant="aktivitet_ansvarlig_option_selected"><BR><span class="k-dropdown-wrap
k-state-default" unselectable="on" style="color: rgb(153, 153,
153);"><input id="aktivitet_ansvarlig" class="valid" type="text" style="width:
100%; height: 100%; display:
none;" name="aktivitet.ansvarlig" data-role="dropdownlist"><BR></span>
Im a missing something obvious?
Right now i will just create a standard combobox in html to get along, but would prefer to use kendo objects.
Thanks in advance
 - René





Rene
Top achievements
Rank 1
 answered on 13 Nov 2013
8 answers
179 views
Hi,

I was surprised to see there is no possibility to have a scrollable menu when the rendered content is bigger than the screen.

Here is an example (the list starts at the letter B, but only items from P are displayed).  Is there any way to access the hidden items?

Dimo
Telerik team
 answered on 13 Nov 2013
1 answer
195 views
I'm using kendoui Scheduler with a customized appointment editor (with MVC4 Razor).
All fields in the scheduler and in the editor window are in the correct language, except in the reccurrence editor - here all texts are still in default langauge english - alls fields part of "reoccurenceContainer" ?!

<div id="schedulerEventEditor">
    <fieldset>
        <div class="editor-label">
            @Html.LabelFor(model => model.Title)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model =>model.Title, new {data_bind ="value: title"})
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.Description)
        </div>
        <div class="editor-field">
            @Html.TextAreaFor(model => model.Description, new {rows = 5, cols=24, data_bind ="value: description"})
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.Start)
        </div>
        <div class="editor-field">
            <input name="start" type="text" required data-type="date" data-role="datetimepicker" data-bind="value: start,invisible: isAllDay" />
            <input name="start" type="text" required data-type="date" data-role="datepicker" data-bind="value: start,visible: isAllDay" />
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.End)
        </div>
        <div class="editor-field">
            <input name="end" type="text" required data-type="date" data-role="datetimepicker" data-bind="value: end ,invisible:isAllDay" />
            <input name="end" type="text" required data-type="date" data-role="datepicker" data-bind="value: end ,visible:isAllDay" />
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.IsAllDay)
        </div>
        <div class="editor-field">
            <input type="checkbox" name="isAllDay" data-type="boolean" data-bind="checked:isAllDay" />
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.RecurrenceRule)
        </div>
        <div class="reoccurenceContainer">
            <div class="editor-field">
                <div data-bind="value: recurrenceRule" id="recurrenceEditor"></div>
            </div>
        </div>
    </fieldset>
 
<script>
    jQuery(function () {       
        $("\#recurrenceEditor").kendoRecurrenceEditor();
    });
 
</script>
Vladimir Iliev
Telerik team
 answered on 13 Nov 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?