Hi there,

I have run into a bit of a problem with the kendoChart (bullet in this particular case, but probably concerns the others too) with regard to responsive design. The scenario I have is three columns, with two containing textual data and the third one contains some charts. The layout is constructed with Twitter Bootstrap. I will set up the layout below

<div class="row-fluid">
    <div class="span5">First text data</<div>
    <div class="span5">Second text data</div>
    <div class="span2"><div class="rq-kendoChart" data-chartvalue1="2", data-chartvalue2="90"></div></div>
</div>

So, simple enough setup. My problem is that it appears to only be possible to tell the chart to be a static pixel size (only accepts a number, which is then written out in the end result (svg) as "<number>px;". Giving it a static size doesn't mesh very well with the fluid grid, so I was wondering if there is some option I have missed where you can set a % width, or perhaps some other elegant solutions to this problem?

I do have one way around it (event on window.resize, obtain the chart object, hide it, set new size, show it, call chart.redraw) but it seems very hacky and also not very efficient.

i downloaded the kindo UI for ASP.net MVC Q2 2013 sp1 trial version and installed it. when i open the Visual studio express edition in my system the kindo is not available there.
the setup name is like "kendoui.trial.2012.3.1315" pls guide me in right path,
to install and do a POC in kindo MVC wrappers.

I am still finding my feet with the Kendo UI controls so please bare with me if this is a simple fix.

I am using the MVC grid helper to display my grid with a pop up editor. The grid is showing a subset of fields but the editor shows all the fields which forces the popup editor to be scrollable.

Is there a way to keep the update/cancel button always visible on the screen.

Please see the attached images for an explanation of what I am trying to achieve.

Thanks in advance for any help.

Hi,

I have a column as “Mach Id” in the grid. This column needs to be a dropdown list. The values that need to be bound to this dropdown are not constant. It is dynamic for each row based on the “Workcenter” and the “OrderId” column. I am able to get the combo box by using the client template but the values are not bounded. Please provide a solution for this issue.

Regards,
Tamil

i downloaded the kindo UI for ASP.net MVC Q2 2013 sp1 trial version and installed it. when i open the Visual studio express edition in my system the kindo is not available there.
the setup name is like "kendoui.trial.2012.3.1315" pls guide me in right path,
to install and do a POC in kindo MVC wrappers.

I upgraded to 2013.2.1002 to try and fix an issue i was having with the previous version.
"Unhandled exception at line 9, column 26248 in Scripts/kendo/2013.1.514/kendo.all.min.js 0x800a03ec - Microsoft JScript compilation error: Expected ';' "

and now I am getting this error. Are the any solutions or work a rounds? The grids (which is batch editing) is failing to load because of it. Actually neither is the DaDateTime picker

Unhandled exception at line 25, column 13677 in http://localhost/Scripts/kendo/2013.2.1002/kendo.all.min.js
0x80040100 - htmlfile: This command is not supported.

I have a grid that has calculated fields in a master view. On any create, edit, or delete of a child grid I need to recalculate client side and update the master row's calculated fields. Most of this is fairly straightforward but I have one problem. Two of my calculated fields use ClientTemplates which do not refresh when their underlying data changes via a dataItem.set(attribute, value) call. This makes a degree of sense but is there anyway to re-execute the template with refreshing the entire grid?

TIA

Everything is good and I am using the ASP.NET MVC with kendo. I have seen a few issues after upgrading to 2013.2.918


Strangely all  views that were loading via ajax have stopped with the 1013.2.918 release. I can select the Kendo. Menu-->Menu Item with a url reference that points to a controller to return a view to load via ajax  and the views is lost as soon as it is loaded. It flickers almost.

Hi Support,

In grid, column field  "FLEET_CUSTOM_FIELD_VALUE " is defined as string and i am using it as text box and date field based on my jquery condition as in below code, which is working fine. But when i edit in grid and select date, it is not picking up correct date format as i have attached the image of wrong date format.
The date format should be  "dd/MM/yyyy" (correct format).

Please suggest the solution, on my below code.


<script type="text/javascript">
function edit(e) {              
        var datatype = $("#FLEET_CUSTOM_FIELD_DATATYPE").val();
     
      if (datatype == "D") {          
          $("#FLEET_CUSTOM_FIELD_VALUE").kendoDatePicker();
      }
     else if (datatype == "N") {            
            $("#FLEET_CUSTOM_FIELD_VALUE").keypress(function (e) {
                     if (e.which != 8 && e.which != 0 && e.which != 46 && (e.which < 48 || e.which > 57)) {
                                alert("This is numeric field");
                                 return false;
                            }
                      });
               }
    }
  </script>

 public class CustomFieldValue
    {
        public int FLEET_ID { get; set; }
        public int FLEET_CUSTOM_FIELD_ID { get; set; }
        public string FLEET_CUSTOM_FIELD_VALUE { get; set; }
        public DateTime? DATE_VALUE { get; set; }
        public string FLEET_CUSTOM_FIELD_DESCRIPTION { get; set; }
        public string FLEET_CUSTOM_FIELD_DATATYPE { get; set; }
        public short FIELD_POSITION { get; set; }
        public string USER_UPDATE { get; set; }
    }

@(Html.Kendo().Grid<CustomFieldValue>()
            .Name("CustomFieldValue" ) 
        .Sortable()
        .Pageable(paging =>
        {
            paging.Enabled(true);
            paging.Info(true);
            paging.PageSizes(true);
            paging.Numeric(true);
            paging.PreviousNext(true);
            paging.Refresh(true);
            paging.PageSizes(new int[5] { 5, 10, 15, 20, 25 });
        })
        .DataSource(dataSource => dataSource
            .Ajax()
                .Events(events =>
                {
                    events.RequestEnd("onCustomFieldValueRequestEnd");
                    events.Error("onCustomFieldValueListError"); 
                  
                })
                
            .PageSize(15)
            .Model(model =>
                {
                    model.Id(f => f.FLEET_CUSTOM_FIELD_ID);
                    model.Field(f => f.FLEET_CUSTOM_FIELD_DESCRIPTION).Editable(false);
                })

            .Read(read => read.Action("_CustomFieldValueList", "CustomFieldValueList", new { fleetId = ViewData["FLEET_ID"] }))
            .Update(update => update.Action("_CustomFieldValueListEdit", "CustomFieldValueList"))            
        )
        .Selectable(selectable => selectable.Mode(GridSelectionMode.Single))
        .Editable(editable => 
        {
            editable.Mode(GridEditMode.InLine);            
        })
        .Reorderable(reorder => reorder.Columns(true))
        .Filterable()
        .Columns(columns =>
        {
            columns.Bound(f => f.FLEET_CUSTOM_FIELD_ID).Title(" ").Hidden();
            columns.Bound(f => f.FLEET_CUSTOM_FIELD_DATATYPE).Title(" ").Hidden();
            columns.Bound(f => f.FLEET_CUSTOM_FIELD_DESCRIPTION).Title("Description");
            columns.Bound(f => f.FLEET_CUSTOM_FIELD_VALUE).Title("Field value").Width(250);
            
            columns.Command(command =>
            {
                command.Edit();
            }).Width(250).Title("Commands").HeaderHtmlAttributes(new { @style = "text-align:left; text-decoration:Underline;" });
        })
        .Events(e=>e.Edit("edit"))
            ) 

I am trying to use a DatePicker for a column, during InLine editing on a grid.
 In Edit mode, the datepicker does not retain the right value.  It gets set to "mm/dd/yyyy".  There is also no styling put on it. (see the attached screenshot)

My EditorTemplates are in the right place, "~Views/Shared/EditorTemplates".  DatePicker's in other places act and look normal.  The DataType for that field is set to a Date data type in the model definition.

What am I missing here?  Why does the datepicker value get set to 'mm/dd/yyyy' and why is there no styling?