Telerik Forums
UI for ASP.NET MVC Forum
4 answers
563 views
My application uses several Kendo UI controls.  Any one that I have tried in Chrome or Safari the verticle scroll bar is not visible. 
You are able to use the mouse scroll wheel and it will scroll up and down, but it should display the scroll bar. 

I saw a similar issue on another thread, but was no able to find it again.  And some one from Telerik responded claiming they could not reproduce this.  I was able to reproduce this on the http://demos.telerik.com/kendo-ui/web/grid/index.html site as the other thread described in both Chrome and Safari.  And no Chrome version was mentioned.  I have attached a working Firefox with scroll bar and a Chrome same page with out the scroll bar.

If there is a way to override this and resolve that would be most helpful.

Please see attached.


Pete
Pete
Top achievements
Rank 1
 answered on 20 Mar 2014
4 answers
303 views
Hi

I have a issue while trying save the grid state and loading it back if grouping is there "Uncaught TypeError: Cannot read property 'length' of undefined "

Steps to reproduce
1. Go to Products link in home page.
2. Group with any column in the grid (which will save the state to local storage).
3. refresh the page (this gives the error mentioned above in developer options console).

Please provide a suitable resolution for the same.

Note: I have attached the sample project (aspnetmvc-episode3.zip)

Regards
Anas
Daniel
Telerik team
 answered on 20 Mar 2014
1 answer
84 views
When hovering over a menu item in IE8, the styles to highlight that menu item don't seem to working.  I was able to reproduce this behavior here:

http://demos.telerik.com/kendo-ui/web/menu/index.html 

Any suggestions?

Dimo
Telerik team
 answered on 20 Mar 2014
1 answer
300 views
Hi,

I have used kendo mvc grid with ajax binding. One of the column of grid has small size thumbnails. when I hover on those thumbnails they should get expanded(zoom in zoom out) outside the cell so it does not affect row height.

i have used below javascript function and i am calling it  on onmouseover event of img tag inside clienttemplate, but it expands images inside cell. I want it outside the cell. Can you please let me know how i can achieve it without using lightbox or jquery hoverintent plugins
<script>
    function MyFunction()
    {
        $(document).ready()
        {
         $("#GridTable tbody tr td #wrap #Grid .k-grid-content table tbody tr td text img").hover(function() {
             kendo.fx(this).zoom("in").startValue(1).endValue(2).play();
         }, function() {
            kendo.fx(this).zoom("out").endValue(1).startValue(2).play();
        });
        }
    }
</script>



Vladimir Iliev
Telerik team
 answered on 20 Mar 2014
1 answer
568 views
Hello,

Here is my scenario. I have a grid populated by an ajax call.
The grid may or may not be paginated.
The user can apply filters, sorts, whatever.
I need to be able to get a list of all the rows in the grid ( not just on the visible page ).
Basically an export of the state of the grid taking into consideration all the user actions.

What's the best way to do this ?
Nikolay Rusev
Telerik team
 answered on 20 Mar 2014
2 answers
580 views

I need to restrict the size of the image file in Kendo Editor ImageBrowser. The project is similar to the demo http://www.telerik.com/clientsfiles/e3e38f54-7bb7-4bec-b637-7c30c7841dd1_KendoEditorImageBrowser.zip?sfvrsn=0 .

Image browser has a possibility to use filtering by file extension http://docs.telerik.com/kendo-ui/api/web/editor#configuration-imageBrowser.fileTypes, but there is no similar way to set the maximum image file size.

I tried to set change and select events for ImageBrowser as here Kendo UI Editor - open event , but they were never invoked.

The difficult things are:
1) is created on fly, it is hard to set “change” event
2) even if that event is set, on e.preventDefault() kendo image browser still sure it was uploaded and tries to get the preview image from controller.

The thing I did was: trying to find that input control when each element is inserted to document. Once I found it, I marked it as hooked, to avoid hook it twice:

function restrictUpload(e) {
    try {
        var files = e.target.files;
        var len = files.length;
 
        var totalSize = 0;
        for (var i = 0; i < len; ++i) {
            totalSize += files[i].size;
        }
 
        if (totalSize > 1024 * 1024) {
            alert("You can add images less than 1MB size only");
            e.preventDefault();
        }
    }
    catch (err) {
        console.log("err.message " + err.message);
    }
}
 
function initUploadRestrict() {
    try{
        var inputControl = $('input[name=file][type=file][data-role=upload]');
        console.log("inputControl.length= " + inputControl.length);
 
        if (0 !== inputControl.length &&
            inputControl.data("HookedRestrictUpload") !== true)
        {
            inputControl.change(restrictUpload);
            inputControl.data("HookedRestrictUpload", true);
        }
    } catch (err) {
        console.log(err.message);
    }
}
 
$(document).bind('DOMSubtreeModified', function () {
    console.log("DOMSubtreeModified call");
    initUploadRestrict();
})

I know this is wrong solution, because ImageBrowserController.Thumbnail is still invoked and the image still tries to appear in preview. Another con: DOMSubtreeModified is executed for hundreds times.

How to make Kendo ImageBrowser to restrict upload of images by file size in correct way?

Thanks
Ben Puzzuoli
Top achievements
Rank 1
 answered on 19 Mar 2014
5 answers
240 views
I found problem with focus in kendo Editor that is opened in Kendo window in IE8-10.
I have Grid with Popup editor that contains text input (name) and kendo editor (text).

If i close the windows and focus is inside Kendoui editor and open the window again i can't click on any input(both text and name) at all. It just doesnt get focus (same as this http://www.kendoui.com/forums/mvc/editor/editor-issues-with-firefox-17.aspx, but was not resolved same way).
Odd thing is that if I press Tab key several times and than click on any input or editor - it works.

I'm using build from yeasterday, but it was present in last builds as well.
Ariel
Top achievements
Rank 1
 answered on 19 Mar 2014
1 answer
159 views
Hello,

When i bind the Multiselect list to ViewBag the list renders fine. However the "Values" property never gets set. I have tried with IEnumerable object as well as list<string> or string[] of ids. I cannot find any help online. When i post the viewmodel does post selected values. 
I have also played with Autobind true and false

Here is the code

@{
                       Html.Kendo().MultiSelectFor(model => model.ActivityIds)
                           .BindTo(new SelectList(ViewBag.Activity, "ActivityId", "ActivityName"))
                           .Value(new SelectList(ViewBag.SelectedActivites, "ActivityId", "ActivityName"))
                           
                           .Placeholder("Select Activity ..")                         
                           .HtmlAttributes(new { style = "width: 800px;" })
                           .Render();
                   }

ViewBag.Activity = db.GetActivityList(Constants.APP_SC).ToList();
            if(smallCellViewModel.HasValue() && smallCellViewModel.ActivityIds.HasValue())
            {
                ViewBag.SelectedActivites = db.GetActivityList(Constants.APP_SC).Where(c=>smallCellViewModel.ActivityIds.
                    Contains(c.ActivityId)).ToList();
            }
Alexander Popov
Telerik team
 answered on 19 Mar 2014
1 answer
624 views
I am able to display validation messages in our validation summary for any standard html control (textbox, drop down, etc).
When I replace my drop down with a Kendo ComboBox, the validation error will display next to the combobox, but will not display within the validation summary.  Is there something the needs to be done to get the ComboBox behave the same as the other controls on the page?

Please see the example view below.  I have two html textboxes, a kendo combobox, and a standard html drop down.  The two html textboxes and the drop down display validation messages within the summary as well as next the field.  The Kendo ComboBox validation message only displays a message next to the field - it's message does not appear in the summary.


@{
ViewBag.Title = "Home Page";
}
@model ValidationSummaryComboBox.Models.Customer
 
@section featured {
<div class="featured">
<div class="content-wrapper">
<hgroup class="title">
<h1>@ViewBag.Title.</h1>
<h2>@ViewBag.Message</h2>
</hgroup>
<p>
To learn more about ASP.NET MVC visit
<a href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc</a>.
The page features <mark>videos, tutorials, and samples</mark> to help you get the most from ASP.NET MVC.
If you have any questions about ASP.NET MVC visit
<a href="http://forums.asp.net/1146.aspx/1?MVC" title="ASP.NET MVC Forum">our forums</a>.
</p>
</div>
</div>
}
@using (Html.BeginForm())
{
@Html.ValidationSummary(false, "Fix these errors, please:")
@Html.TextBoxFor(m => m.FirstName)
<br />
@Html.TextBoxFor(m => m.LastName)
<br />

@( Html.Kendo().ComboBox()
.Name("FavoriteColor")
.Value(Model.FavoriteColor)
.DataTextField("Text")
.DataValueField("Value")
.BindTo(new List<SelectListItem>()
{ new SelectListItem() { Text = "Blue", Value = "1" },
new SelectListItem() { Text = "Red", Value = "2" },
new SelectListItem() { Text = "Green", Value = "3" },
new SelectListItem() { Text = "Yellow", Value = "4" } }))

<br />

@Html.DropDownListFor(m => m.FavoriteFood, new List<SelectListItem>()
{ new SelectListItem() { Text = "", Value = "" },
new SelectListItem() { Text = "Pizza", Value = "1" },
new SelectListItem() { Text = "Steak", Value = "2" },
new SelectListItem() { Text = "Raspberries", Value = "3" },
new SelectListItem() { Text = "Ice Cream", Value = "4" }})
 
<br />
<br />
<input type="submit" value="Save" id="save" class="k-button" />

<br />
}
 
<script>
// Initialize the Kendo UI Validator on your "form" containervar validator = $('form').kendoValidator().data("kendoValidator");
</script>


Please advise.
Thanks!
Petur Subev
Telerik team
 answered on 19 Mar 2014
1 answer
237 views
I'm trying to force the load and expand of a node when using LoadOnDemand. I've seen several examples of this in the forums, but I can't get it to work. This is my code:

var tv = $("#FolderTree").data('kendoTreeView');
 
var selectedItem = tv.dataItem(tv.select());
 
var selectedDataItem = tv.dataItem(tv.findByUid(selectedItem.uid));
 
selectedDataItem.loaded(false);
 
selectedDataItem.load();
 
tv.expand(selectedItem)

The children are being retrieved from the server, but the node is not expanded and the children of the node (which I'm trying to access) are not available in the datasource.

Why is the node not expanding?

Thanks in advance.
Dimo
Telerik team
 answered on 19 Mar 2014
Narrow your results
Selected tags
Tags
Grid
General Discussions
Scheduler
DropDownList
Chart
Editor
TreeView
DatePicker
Upload
ComboBox
MultiSelect
ListView
Window
TabStrip
Menu
Installer and VS Extensions
Spreadsheet
AutoComplete
TreeList
Gantt
PanelBar
NumericTextBox
Filter
ToolTip
Map
Diagram
Button
PivotGrid
Form
ListBox
Splitter
Application
FileManager
Sortable
Calendar
View
MaskedTextBox
PDFViewer
TextBox
Toolbar
MultiColumnComboBox
Dialog
DropDownTree
Checkbox
Slider
Switch
Notification
ListView (Mobile)
Pager
Accessibility
ColorPicker
DateRangePicker
Wizard
Security
Styling
Chat
MediaPlayer
TileLayout
DateInput
Drawer
SplitView
Barcode
ButtonGroup (Mobile)
Drawer (Mobile)
ImageEditor
RadioGroup
Sparkline
Stepper
TabStrip (Mobile)
GridLayout
Template
Badge
LinearGauge
ModalView
ResponsivePanel
TextArea
Breadcrumb
ExpansionPanel
Rating
ScrollView
ButtonGroup
CheckBoxGroup
NavBar
ProgressBar
QRCode
RadioButton
Scroller
Timeline
TreeMap
TaskBoard
OrgChart
Captcha
ActionSheet
Signature
DateTimePicker
AppBar
BottomNavigation
Card
FloatingActionButton
Licensing
Localization
MultiViewCalendar
PopOver (Mobile)
Ripple
ScrollView (Mobile)
Switch (Mobile)
PivotGridV2
FlatColorPicker
ColorPalette
DropDownButton
AIPrompt
PropertyGrid
ActionSheet (Mobile)
BulletGraph
Button (Mobile)
Collapsible
Loader
CircularGauge
SkeletonContainer
Popover
HeatMap
Avatar
ColorGradient
CircularProgressBar
SplitButton
StackLayout
TimeDurationPicker
Chip
ChipList
DockManager
ToggleButton
Sankey
OTPInput
ChartWizard
SpeechToTextButton
InlineAIPrompt
TimePicker
StockChart
RadialGauge
ContextMenu
ArcGauge
AICodingAssistant
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?