Telerik Forums
UI for ASP.NET MVC Forum
0 answers
74 views
If you add the class k-textbox to a TextArea, in firefox the text wraps as it should. However, in chrome it thinks its a TextBox and does not wrap. 

The Kendo Team seem to be very indifferent even when a bug is reported. If we take the time and effort to use your products, surely when a bug is reported, the least you can do is acknowledge it!
hn
Top achievements
Rank 1
 asked on 15 Aug 2012
5 answers
184 views
We are trying to chart a trend for a year's worth of data (approximately 340 points) over 3 series, so a total of ~1000 points on the chart.  Rendering in the Telerik MVC Extensions took less than a second in Chrome, but the JavaScript initialization takes 5-7 seconds with the new controls.

We primarily work with IE8 (hopefully changing in the next 6 months...).  A few hard numbers:
- Telerik Charts rendering the above scenario: 3 seconds
- Kendo UI charts rendering the above scenario: Ran for 3m30s, threw out of memory error.

Is there any way to increase the rendering performance of the charts, other than decreasing the number of points?  If not, does Telerik plan on bringing back the old way of rendering the charts?  This is really, really poor performance.
Hristo Germanov
Telerik team
 answered on 15 Aug 2012
2 answers
148 views
The TreeView drag&drop does not work when a HierarchicalDataSource is used with a TreeView, and the node of where the drop should happen, has not yet been expanded (data has not yet been loaded).

It does work, if the node has already been expanded once.

Alex Gyoshev
Telerik team
 answered on 15 Aug 2012
1 answer
254 views
Hi,

@(Html.Kendo().Grid<Reviews.Models.ReviewCategorySet>()
.Name("ReviewCategory_#=ReviewID#")
.Columns(columns =>
{
columns.Bound(o => o.TableNo).Width(40).Title("Table 1 No.").Width(50);
columns.Bound(o => o.Category).Width(100).Title("Tekið Út");
//columns.Bound(o => o.Comment);

columns.Bound(o => o.PerformedDate).Title("Dags");
I have a date column bound like this.
First the date gets displayed  like this "Sat May 5 00:00:00 UTC 2012" , which I would like to have "dd/mm/yyyy" .
Tried to put a Format("dd/mm/yyyy") at the end but that did not help.
Then when going into edit mode , the value changes to 05.05.12 00:00 , then when clicking update btn for the row the validation for the date column fails.

I would like to know manipulate the dateformat in the column and also the validation of the column to fit correct date format.

Best

Ole
Ole
Top achievements
Rank 1
 answered on 15 Aug 2012
4 answers
383 views
Hi guys,

A few things things I've noticed in the demo asp.net mvc kendo ui solution with the grid.

1. When using ajax as the communication method and GridEditMode.Popup the window that pop's up will not close.

2. When using server editing as the communication method and  GridEditMode.Popup the popup window always puts itself below the grid rather than centering itself on the screen as the ajax one does. I also have it as being selectable and the row selected is deselected when it posts back and popups up the window which makes it hard to know which row i'm editing.

3. I've also had no success getting the editing in either of these grid editing modes to have a datetimepicker / datetime property on my view model that is a nullable datetime recognised as being nullable. They keep insisting to have an entry so any help there also would be awesome. I've put in a EditorTemplate specifically for the popup window and that's showing fine its just not realising that its ok not to have a datetime in the nullable property.

4. Whilst I"m here.. I also put a html input button in the grid popup template that is called "Now" and using javascript it puts the current datetime into the datetime textbox when pressed. In the ajax version of the grid this works the first time the popup window is used but does not work on subsequent editing. When used with the server grid version it works every time. I'd much rather use the ajax one as its quicker, and more user friendly but at this stage its not working as expected so causing me (see point 1 and this point.)

All of this behaviour except point 4 can be seen in the demo solution you provide, just adjust the properties as described above, but you can easily inc the LastSupply datetime in the demo so you have a datetime in the grid.

Cheers,

Mark



virak
Top achievements
Rank 1
 answered on 15 Aug 2012
2 answers
322 views
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="/Cmrs Web/Content/kendo.common.min.css">
    <link rel="stylesheet" href="/Cmrs Web/Content/kendo.default.min.css">
    <script src="/Cmrs Web/Scripts/jquery.min.js"></script>
    <script src="/Cmrs Web/Scripts/kendo.web.min.js"></script>
    <script src="/Cmrs Web/Scripts/kendo.aspnetmvc.min.js"></script>
     
    <title>Upload ARF/ASR File(s)</title>
 
    <link href="/Cmrs%20Web/Content/kendo" rel="stylesheet" type="text/css" />
 
    <script src="/Cmrs%20Web/Scripts/jquery-1.6.2.js" type="text/javascript"></script>
<script src="/Cmrs%20Web/Scripts/jquery-1.7.2.js" type="text/javascript"></script>
 
    <script src="/Cmrs%20Web/bundles/kendo" type="text/javascript"></script>
 
</head>
<body>
</body>
</html>
 
<div class="configuration k-widget k-header" style="width: 300px">
    <span class="infoHead">Information</span>
    <p>
        The Upload is able to upload files out-of-band using the
        HTML5 File API with fallback for legacy browsers.
    </p>
    <p>
        You need to configure save action that will receive
        the uploaded files.
        An optional remove action is also available.
    </p>
</div>
 
<div style="width:45%">
    <input id="files" name="files" type="file" /><script>
    jQuery(function(){jQuery("#files").kendoUpload({async:{saveUrl:"/Cmrs Web/Upload/Submit",removeUrl:"/Cmrs Web/Upload/Remove",autoUpload:true}});});
</script>
</div>
</form>


Above is the code that I am using to attempt to create the Kendo Upload control.  I receive the error "Object doesn't support property or method 'kendoUpload' and points to the line: 
jQuery(function(){jQuery("#files").kendoUpload({async:{saveUrl:"/Cmrs Web/Upload/Submit",removeUrl:"/Cmrs Web/Upload/Remove",autoUpload:true}});});


This line is show in the [dynamic] view of the code at runtime.

I am given the option to Break, Continue, or Ignore.  If I continue or Ignore, the control still appears on the screen, but if I attempt to upload a file, the following method in my Controller class does not recognize that a file was uploaded:

public ActionResult Submit(IEnumerable<HttpPostedFileBase> files)
        {
 
            SimpleDeviceBusiness simpleDeviceBusiness = new SimpleDeviceBusiness();
            string message;
            string xmlToSend = "";
            string extension;
            int count = 0;
            foreach (var file in files)
            {

The "files" parameter shows null even though a file has been selected.

Please help!
Tyler
Top achievements
Rank 1
 answered on 14 Aug 2012
2 answers
286 views
Hi,

I am writing an app that configures a table in a database. The table contains many columns (20+) but only a few rows (2-3).
The content types of each column also vary (text, numbers, dates, images, files)

What I would like to do, is to arrange the columns so they are horizontal across the page rather than vertical. This would make it easier for users as I would be able to allow more space for the row content, instead of them having to scroll sideways all the time.

I have had a look at the documentation and demo's and can't see any mention of this being possible... Is it?

Kins regards

Chris
Alexander Valchev
Telerik team
 answered on 14 Aug 2012
0 answers
103 views
How to draw bar chart using various colors in kendoui?
Kriti
Top achievements
Rank 1
 asked on 14 Aug 2012
1 answer
110 views
We have a situation where a URL re-writer is modifying the URL in such a way that the ajax calls the Grid control makes is breaking.

The application with the grid control is calling www.mydomain.com/controller/action/
what it needs to call is www.mydomain/applicationName/controller/action.

is the a method where we can inject the above application name into the ajax calls so that the Telerik Grid can retrieve the data at the new location.  Right now, we are using:  "databinding.Ajax().Select("action", "controller");" to define where the data is located.

If possible we would like to stay using the Fluent API to define this since most of our grids are defined that way.

I hope I am explaining this properly.  Any help you can provide would be greatly appreciated.

Thanks,
Chris
Petur Subev
Telerik team
 answered on 14 Aug 2012
1 answer
170 views
Hi,
 I tried to move from MVC 3  to mvc 4. unfortunately, the following code is working properly on mvc 3, but on mvc4 rc shows "No records to display". how to avoid this issue?

@(Html.Kendo().Grid<Object>()    
    .Name("GridTest") 
    .DataSource(dataSource => dataSource
        .Ajax()
        .Read(read => read.Action("Test_Read", "Home"))
     )
     .Resizable(resize => resize.Columns(true))
     .Reorderable(reorder => reorder.Columns(true))

Thanks,

peter
David
Top achievements
Rank 1
 answered on 14 Aug 2012
Narrow your results
Selected tags
Tags
Grid
General Discussions
Scheduler
DropDownList
Chart
Editor
TreeView
DatePicker
ComboBox
Upload
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
Accessibility
ListView (Mobile)
Pager
ColorPicker
DateRangePicker
Security
Wizard
Styling
Chat
DateInput
MediaPlayer
TileLayout
Drawer
SplitView
Template
Barcode
ButtonGroup (Mobile)
Drawer (Mobile)
ImageEditor
RadioGroup
Sparkline
Stepper
TabStrip (Mobile)
GridLayout
Badge
LinearGauge
ModalView
ResponsivePanel
TextArea
Breadcrumb
ExpansionPanel
Licensing
Rating
ScrollView
ButtonGroup
CheckBoxGroup
NavBar
ProgressBar
QRCode
RadioButton
Scroller
Timeline
TreeMap
TaskBoard
OrgChart
Captcha
ActionSheet
Signature
DateTimePicker
AppBar
BottomNavigation
Card
FloatingActionButton
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
SegmentedControl
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?