Telerik Forums
UI for ASP.NET MVC Forum
2 answers
132 views

Hello,

tried a simple chart with remote data, but theres no POST to PPM_Read on page load/refresh ...

everything else is working fine, grids, dropdownlist, etc ...

Maybe anyone knows what i'm doin wrong here ?

 

Greetings, Oliver

 

Controller:

public ActionResult PPM_Read()

 

 

{

 

var data = db.viewPointCipWqsScrapPartsMonthPPM;

return Json(data, JsonRequestBehavior.AllowGet);

 

 

}

 

 

View:

@(Html.Kendo().Chart<MapsMvc.Areas.mPointCip.Models.viewPointCipWqsScrapPartsMonthPPM>().Name("chart2")

.Title("WQS")

.Legend(legend => legend

.Position(ChartLegendPosition.Top))

.DataSource(dataSource => dataSource.Read(read => read.Action("PPM_Read", "WQS")))

.Series(series =>

{

series.Column(model => model.PPM).Name("PPM");

})

.CategoryAxis(axis => axis

.Categories(model => model.LastProcess)

.Labels(labels => labels.Rotation(0))

.MajorGridLines(lines => lines.Visible(false))

)

.ValueAxis(axis => axis.Numeric()

.Labels(labels => labels.Format("{0:N0}"))

.MajorUnit(1000)

.Line(line => line.Visible(true))

.Max(10000)

)

.Tooltip(tooltip => tooltip

.Visible(true)

.Format("{0:N0}")

)

)

 

 

T. Tsonev
Telerik team
 answered on 11 Feb 2016
3 answers
152 views
I was wondering if this is even possible using the current set of tools.  I'm attaching an example of what our users would like to see.  This can be done in excel, but I've google searched how to do this and came up empty.  It's basically a radar chart that doesn't put the lines between plot points.  Can someone help me out on how to pull this off?
Iliana Dyankova
Telerik team
 answered on 11 Feb 2016
1 answer
98 views

how can I add a blank item at the top of TimePicker list?

 

My code looks like this,

 

function timeEditor(container, options) {
            $('<input data-text-field="' + options.field + '" data-value-field="' + options.field + '" data-bind="value:' + options.field + '" data-format="' + options.format + '"/>')
                    .appendTo(container)
                    .kendoTimePicker({
                        //interval: 15
                        //max: new Date(2000, 0, 1, 22, 0, 0) //date part is ignored
                        //min: new Date(2000, 0, 1, 8, 0, 0) //date part is ignored
                    });
        }

        $("#HoursGrid").kendoGrid({
            dataSource: {
                data: @Html.Raw(Json.Encode(Model.HoursList)),
                schema: {
                    model: {
                        fields: {
                            DealerID: {type: "int", editable: false},
                            dayNo: {type: "int", editable: false},
                            dayName: { type: "string", editable: false },
                            OpenTime: { type: "date", editable: true },
                            CloseTime: { type: "date", editable: true }
                        }
                    }
                }
            },
            //toolbar: ["save"],
            columns:[
                {   field: "dayName",          title: "Day of Week"   },
                {   field: "OpenTime",    title: "Sales Hours - Open From",  type: "date", format: "{0:hh:mm tt}", editor: timeEditor  },
                {   field: "CloseTime",   title: "Close At",                 type: "date", format: "{0:hh:mm tt}", editor: timeEditor  }
            ],
            editable: true,
            scrollable: false,
            save: function(e){
            },
            databound: DD.Kendo.AddExtraStyleToGrid // this is where the hover effect function is bound to grid
        });

Marin
Telerik team
 answered on 11 Feb 2016
7 answers
419 views

A I have a simple diagram (a vertical line of connected circles, of variable length) which I want to display in a pop-up window, to display a graphical indication of where a record is within a workflow.

I can get everything to work, except that by default the diagram has a lot of surrounding white space, that causes the windows scrollbars to show, even when the whole diagram easily fits into the visible space.

I would like to scale the diagram to always fit in the window (without showing scrollbars). I've tried using the bringIntoView method on the databound event, but this doesn't work (the API documentation doesn't give any clues as to what exactly the View area is). I would also like to keep the zoom functionality disabled.

 My current window definition is:-

 

@(Html.Kendo().Window()
    .Name("historyWnd")
    .Title("Approval History")
    .Content(@<text>
 
 
 
 
    @(Html.Kendo().Diagram()
      .Name("diagram")
      .DataSource(dataSource => dataSource
          .Read(read => read
              .Action("GetHistory", "MyVacancies").Data("vFilter")
          )
          .Model(m => m.Children("Items"))
      )
      .Editable(false)
      .Pannable(false)
      //.Zoom(0)
      .Layout(l => l.Type(DiagramLayoutType.Layered))
      .ShapeDefaults(sd => sd
          .Visual("visualTemplate")
          .Content(c => c
              .Template("#= dataItem.PositionName #")
              .FontSize(8)
              .Color("white")
          )
 
      )
      .ConnectionDefaults(cd => cd
          .Stroke(s => s
              .Color("#979797")
              .Width(2)
          )
      )
      .Events(events => events.DataBound("onDataBound"))
 
    )
 
  
 
    </text>)
    .Modal(true)
    .Visible(false)
    .Height(450)
    .Width(300)
    )

and the template is:-

 

<script>
    function visualTemplate(options) {
        var dataviz = kendo.dataviz;
        var g = new dataviz.diagram.Group();
        var dataItem = options.dataItem;
 
 
        g.append(new dataviz.diagram.Circle({
            width: 70,
            height: 70,
            fill: dataItem.Colour,
            stroke: {
                width: 0
            }
        }));
 
 
 
 
        return g;
    }
 
</script>

Thanks

Dimo
Telerik team
 answered on 10 Feb 2016
2 answers
78 views

Is it possible to enter the date without having to type the century?  It seems that 1/1/16 is not valid, you have to enter 1/1/2016.  Most of the time the century is the current one.  In fact not entering the year at all would be even better, so that the year defaults to this year.  Either of these things possible?

 

Thanks

Scott Waye
Top achievements
Rank 2
Iron
Iron
Veteran
 answered on 09 Feb 2016
2 answers
143 views

Hi , the arrow for the validation message is in the center, so if the column width is shorter than the message the arrow points to the wrong column, see image attached.  Can the arrow be moved to the left, or the message centred on the column, not left aligned?

 

THanks,

Scott Waye
Top achievements
Rank 2
Iron
Iron
Veteran
 answered on 09 Feb 2016
3 answers
610 views

Hi,

I have a Kendo Tabstrip in each tab there is a Kendo Grid and a button. A Kendo Window is suppose to open when the button is clicked. But weird thing is that in some tabs Kendo Window is opened when a button is clicked, while in others tabs the window is not opened when the button is clicked. Another problem is that initially Grid in the tab (set by SelectedIndex) can not show up. It only shows up after clicking another tab.

I attach a sample project named MVC_Controls_Kendo as well as MVC_Controls_Kendo Database to show the problems. Because of the size limit, I remove the package in the project. The package include, Kendo MVC (2015.1.429.440.Trial), MVC 4 and many others. The simplest way to recreate the solution is to create
new Telerik MVC project (name: MVC_Controls_Kendo) and select .Net 4 and ASPX (not razor), and add the source files attached.

Please add the OTPTEST.mdf in attached MVC_Controls_Kendo Database to the Data folder for SQL Server Express on the your pc and attach it in SQL management studio. Then modify the connection string in Webconfig in MVC_Controls_Kendo project and App.Config file in Data project. Currently it is:
    <add name="OTPTESTEntities" connectionString="metadata=res://*/Model3.csdl|res://*/Model3.ssdl|res://*/Model3.msl;provider=System.Data.SqlClient;provider connection string=&quot;data source=ZHANG-PC\SQLEXPRESS;initial catalog=OTPTEST;integrated security=True;multipleactiveresultsets=True;App=EntityFramework&quot;" providerName="System.Data.EntityClient" />.

Replace ZHANG-PC with your pc name. After launching the project, just click on "Action Items", which will go to ActionItems.aspx. Click any link in "Type Desc" column and it will redirect to EvaluationForm.aspx which will display a Kendo TabStrip. In each of its tab, it supposes to display a Kendo Grid defined in EvaluationFormTab.ascx. Another Kendo Grid and Kendo Window hosting it are also defined in this file.

The problem is that after initial click on "Type Desc" column, it will redirect to EvaluationForm.aspx and display a Kendo TabStrip, but the Kendo Grid that is supposed to show up doesn't. It only shows up after clicking on another tab.

Another weird problem is that while Kendo Window is opened in some tabs like "Overall", "Coaching" after "Best Practice" button is clicked, the window never opens in tab like "Governance" after "Best Practice" button is clicked. In some tabs like "IST", "Benchmarks", the window opens for 1st time and not opens for the rest of time after "Best Practice" button is clicked.

I have no idea on these problems and need your help. Thanks. 

Dimo
Telerik team
 answered on 09 Feb 2016
1 answer
564 views

Hello,

 

is it possible to create multiple range slider using Kendo UI ?

see attachement.

 

Thanks.

 

 

Helen
Telerik team
 answered on 09 Feb 2016
1 answer
174 views
When loaded with little data it was displaying marks in the value axis as 0.2,.04 and so on.  So I found I could set the .MajorUnit(1) and that made it display whole numbers.  However if I load allot of data it gets crowded.  Attached is what it looks like.  I know i can increase the .MajorUnit but how do i make it only use whole numbers in the value axis and auto scale depending on the data passed in?
Ianko
Telerik team
 answered on 09 Feb 2016
3 answers
115 views

Hi ,

I just installed Scheduler control, I am trying to start use of it but I didn't understand from where to start. I have downloaded demo apps but not able to understand how to bind my room-list to header instead of week view.

 If you have any documentation which will explain step by step about Scheduler control.

 

Thanks.

Vladimir Iliev
Telerik team
 answered on 09 Feb 2016
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?