Questions on UI for ASP.NET MVC Forum

1 answer

93 views

Kendo Editor PDF PageSize

I cant apply correct page size to exported pdf from kendo editor. Is it bug? Is there some solution at this situation?

It always set page size to size of content

http://c2n.me/3t7fNrQ

Editor

answered on 21 Jan 2016

1 answer

103 views

for telerik version 2015.2.805

We have telerik version 2015.2.805 which was used for MVC4 application. Now we are migrating to MVC5. I checked in NuGet. There Telerik UI package is available only for MVC6. My question is if same 2015.2.805 can be used for MVC5? What code changes are needed to make them to work with MVC5? Also by going to properties of Kendo.mvc.dll,can we know what MVC version that is supporting or is there any other way to identify the MVC version being supported?

General Discussions

answered on 21 Jan 2016

7 answers

430 views

Date picker elements jumpy when drilling up and down

I've noticed there's a small visual issue occurring while using the date picker when going up (clicking on the month name, clicking on the year number) or going down (clicking on the selected year, clicking on the selected month).

When you go up or down a level, the elements in opened window starts off at a size which is slightly larger than what it should be when it finishes loading, so then when the widget finishes loading, it "jumps" to thesmaller size.

This currently happens on all styling, but its the most pronounced when using the material theme (e.g. using the bootstrap theme will make the elements jump very slightly towards the bottom).

Is there a way to stop this from happening?

Thanks

Date/Time Pickers

answered on 21 Jan 2016

2 answers

150 views

TreeList Textbox Filter

Hello everybody,

I have a TreeList, which displays Data from an external DataSource. I asked my self, how I can access the filter by a textbox. I tried alot, but nothing of that worked. Is there any way to do this?

This is what i got so far:

LogEntryView:

02.<div class="form-group">

03. @(Html.Kendo().TextBox()

04. .Name("tree-text-search")

05. )

06. @(Html.Kendo().Button()

07. .Name("Search")

08. .Content("Search")

09. .Events(e => e.Click("onClick"))

10. )

11.</div>

12.@(Html.Kendo().TreeList<HrLaborRelation.Web.Models.LogEntryViewModel>()

13. .Name("Entries")

14. .Columns(columns => {

15. columns.Add().Field(f => f.EntityName);

16. columns.Add().Field(f => f.SpecifiedType);

17. columns.Add().Field(e => e.ColumnName);

18. columns.Add().Field(e => e.NewValue);

19. columns.Add().Field(e => e.OldValue);

20. columns.Add().Field(e => e.Action);

21. columns.Add().Field(e => e.CreatedBy);

22. columns.Add().Field(e => e.EntryDate).Format("{0:dd/MM/yyyy HH:mm}");

23. })

24. .Resizable(true)

25. .Reorderable(true)

26. .ColumnMenu()

27. .Filterable(true)

28. .DataSource(dataSource => dataSource

29. .Read(read => read.Action("GetEntries", "LogEntry"))

30. .Model(m => {

31. m.Id(f => f.LogEntryId);

32. m.ParentId(f => f.ParentLogEntryId);

33. m.Field(f => f.EntityName);

34. })

35. )

36.)

37.//I actually don't really know what this does

38.function onClick(e) {

39. alert("Click");

40. var treeview = $("#Entries").data("kendoTreeView"),

41. searchContext = $("#tree-text-search").val()

42. alert(searchContext)

43. item = treeview.findByText(searchContext),

44. dataItem = treeview.dataItem(item),

45. nodeText = dataItem.EntityName;

46.

47. alert(nodeText);

48. while (dataItem.parentNode()) {

49.

50. alert("Iterating");

51. dataItem = dataItem.parentNode();

52. dataItem.children.filter({ field: "EntityName", operator: "contains", value: nodeText });

53. nodeText = dataItem.text;

54. }

55.}

LogEntryController:


01.namespace HrLaborRelation.Web.Controllers
02.{
03.    public class LogEntryController: BaseController {
04. 
05.        // GET: LogEntry
06.        public ActionResult Index() {
07.            return View(db.LogEntries.Where(x => x.EntityId == -1).ToList());
08.        }
09.        public JsonResult GetEntries([DataSourceRequest]DataSourceRequest request, int? id, /*string searchText*/) {
10. 
11.            var entries = db.LogEntries.Include(e => e.ColumnLogEntries);
12.            if (id.HasValue) {
13.                entries = entries.Where(e => e.ParentLogEntryId == id);
14.            }
15.            //if(!string.IsNullOrEmpty(searchText)) {
16.            //    entries = entries.Where(e => e.EntityName.Contains(searchText));
17.            //}
18.            var result = entries.ToList().Select(e => new LogEntryViewModel(e, e.ColumnLogEntries.Any()));
19. 
20.            return Json(result.ToTreeDataSourceResult(request), JsonRequestBehavior.AllowGet);
21.        }
22.    }
23.}

Thanks for your help.

Kind regards

Brian Haller

General Discussions

answered on 21 Jan 2016

3 answers

260 views

Gradient colour for event

Hi,

I have applied different colours for different events but I need to show different gradient colours or 2 colours for each event. Is there any way to do this?

Thanks in advance.

Scheduler

answered on 20 Jan 2016

1 answer

4.0K+ views

grid save event

Hi,

I have to get the values user entered on edit in the inline grid. So I have kept save event on gird and trying to access the values on the method but I am not sure how to the get the values.

@(Html.Kendo().Grid<BHEBS.Areas.Admin.Models.ContractBudgetModel.contractBudgetBUModel>()

.Name("ContractBudgetBUGrid")

.Events(e => e.Save("onSave"))

.Columns(columns =>

{

columns.Bound(p => p.Id);

columns.Bound(p => p.BusinessUnit);

columns.Bound(p => p.Description);

columns.Bound(p => p.ServiceType);

columns.Bound(p => p.BUAuthAmt);

columns.ForeignKey(p => p.SpendPriority, (System.Collections.IEnumerable)ViewData["SpendPriority"], "Value", "Text").Width(120);

columns.Bound(p => p.ContractBUAmt);

columns.Bound(p => p.BUBudgetAmt);

columns.ForeignKey(p => p.contractSpendPriority, (System.Collections.IEnumerable)ViewData["SpendPriority"], "Value", "Text").Width(120);

columns.Command(command =>

{

command.Edit().HtmlAttributes(new { @class = "btn-primary" });

});

})

.Pageable(pageable => pageable.Refresh(true).PageSizes(true).ButtonCount(5))

.Sortable()

.Scrollable()

.Filterable()

.Selectable()

.Resizable(resize => resize.Columns(true))

.HtmlAttributes(new { style = "height:450px;" })

.DataSource(dataSource => dataSource.Ajax().PageSize(10).Read(read => read.Action("ContractBudgetBU_Read", "ContractBudget").Data("additionalInfo"))

.Model(model => { model.Id(p => p.Id); model.Field(p => p.Id).Editable(false); model.Field(p => p.BusinessUnit).Editable(false); model.Field(p => p.Description).Editable(false); model.Field(p => p.ServiceType).Editable(false); model.Field(p => p.BUAuthAmt).Editable(false); model.Field(p => p.BUBudgetAmt).Editable(false); model.Field(p => p.SpendPriority).Editable(false); model.Field(p => p.contractSpendPriority).DefaultValue("Normal"); })

.Update(update => update.Action("Update_ContractBudgetBU", "ContractBudget"))))

function onSave(e) {

var data = e.values;

//I am getting error e.values is undefined.

}

Thanks,

Veena

Grid

answered on 20 Jan 2016

1 answer

128 views

Bar Chart - Error with ChartSeriesFactory

I am using asp.net mvc 6 and your example chart code below. I get an compile error on .bar - ChartSeriesFactory' does not contain a definition for 'Bar' and no extension method 'Bar' accepting a first argument of type 'ChartSeriesFactory' could be found (are you missing a using directive or an assembly reference?

I'm using your latest code 2016.1.112 trial version and set up exactly as described in your documentation.

@(Html.Kendo().Chart()
.Name("chart")
.Title("Site Visitors Stats \n /thousands/")
.Legend(legend => legend
.Visible(false)
)
.ChartArea(chartArea => chartArea
.Background("transparent")
)
.Series(series =>
{
series.Bar(new double[] { 56000, 63000, 74000, 91000, 117000, 138000 }).Name("Total Visits");
series.Bar(new double[] { 52000, 34000, 23000, 48000, 67000, 83000 }).Name("Unique visitors");
})
.CategoryAxis(axis => axis
.Categories("Jan", "Feb", "Mar", "Apr", "May", "Jun")
.MajorGridLines(lines => lines.Visible(false))
)
.ValueAxis(axis => axis
.Numeric()
.Max(140000)
.Line(line => line.Visible(false))
.MajorGridLines(lines => lines.Visible(true))
)
.Tooltip(tooltip => tooltip
.Visible(true)
.Template("#= series.name #: #= value #")
)
)
</div>

Chart

answered on 20 Jan 2016

13 answers

141 views

ASP.NET 5 MVC 6 beta 8 regressions

Hi,

I have just updated my ASP.NET 5 MVC 6 project to the beta8 using the provided beta8 2015.3.1026 nuget package for Telerik UI for ASP.NET MVC (https://www.nuget.org/packages/Kendo.Mvc/2015.3.1026).

There seems to have been many regressions in component fonctionnalities.

For instance, it is no longer possible to use Deferred initialization for grids or notifications.

@Html.Kendo().DeferredScriptsFor("grid", false)

The application does not throw any exception but the components are not initialized anymore and nothing appears...

I would suppose this is the case for all components allowing deferred initialization.

Also, it is no longer possible to use Edition (inline or popup) with grids.

I had to comment the folowing features in order for the page to not crash with a HTTP Error 502.3 - Bad Gateway

@(Html.Kendo().Grid<Country>()

.Name("grid")

//.Deferred()

.Columns(columns =>

{

columns.Bound(p => p.Description);

columns.Bound(p => p.Code);

columns.Bound(p => p.Region);

columns.Bound(p => p.Oecd);

columns.Bound(p => p.UE);

//columns.Command(command => { command.Edit().Text(" ").CancelText(" ").UpdateText(" "); command.Destroy().Text(" "); }).Width(100);

})

//.ToolBar(toolbar => toolbar.Create())

//.Editable(editable => editable.Mode(GridEditMode.InLine))

.Pageable()

.Sortable(sortable => sortable.SortMode(GridSortMode.MultipleColumn))

.Scrollable()

.Filterable(filterable => filterable.Mode(GridFilterMode.Row))

.HtmlAttributes(new { style = "margin-top:20px;height:400px;" })

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(20)

.Model(model =>

{

model.Id(p => p.Id);

})

.Sort(sort => sort.Add("Description").Ascending())

.Read(read => read.Action("Get", "Countries"))

.Create(update => update.Action("Create", "Countries"))

.Update(update => update.Action("Update", "Countries"))

.Destroy(update => update.Action("Delete", "Countries"))

.Events(events => events.Error("error_handler"))

)

General Discussions

answered on 20 Jan 2016

7 answers

130 views

Version 2016.1.112 Issues

I've just updated a project to version 2016.1.112, and now the row that the mouse pointer hovers over is highlighted (see attached image). How can this be turned off?

Also, whilst it is now possible to filter for null dates, the Boolean columns on the grid, still only offer a true/false option. Is it possible to add an is null option?

Thanks

Grid