Questions on UI for ASP.NET MVC Forum

6 answers

416 views

I'm trying to add a new view/controller using the Kendo UI Grid Scaffolding.

I am able to set the controller name, and select an existing model and view model; however, the drop down for the 'Data Context Class' is empty.

How do I specify a data context class? I'm using Nhibernate as an ORM.

Grid

answered on 17 Mar 2017

1 answer

279 views

Html Helper with multiple Kendo Widgets

Is it possible to create an html helper that uses multiple kendo widgets and styles them? For instance, a helper that creates an address area. I should be able to call the helper and bind it to an address object, and use those properties within the object and bind to the different widgets. Address1 would create a kendo textbox, Address 2 would create another kendo text box, State would bind to a dropdownlist, zip would get a maskedTextBox, etc.. then it would render them all on my page. I've been looking around but the most i have found is an html helper only creating one widget and returning it, in this case, i would be bringing back about 5-6 kendo widgets.

General Discussions

answered on 16 Mar 2017

3 answers

825 views

Grid filter with multiselect for column bound to array?

I am trying to filter my grid with on a column that is bound to an array property. I have the column displaying as expected, however when i add the filterable option with multiselect it does not pull the options properly.

Here is my model that i am using.

public class CruiseGroupTile

{

//Other properties...

public string[] Destinations { get; set; }

}

Here is the asp.net mvc wrapper for displaying grid along with the client template method to display the array column correctly

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

.Name("grid")

.Columns(columns =>

{

//Other columns...

columns.Bound(m => m.Destinations).Filterable(filterable => filterable.Multi(true)).ClientTemplate("#= arrayToComma(Destinations) #");

})

.DataSource(dataSource => dataSource.Ajax().Read("GetCruiseGroups", "Home").PageSize(20).ServerOperation(false))

.Pageable()

.Filterable()

.Mobile()

)

function arrayToComma(items) {

return items.map(function (item) {

return item;

})

.join(',');

}

Grid

answered on 16 Mar 2017

5 answers

334 views

Formatting multi-line item in month view

Hi guys,

I'm trying to coax the scheduler into displaying an entry in month view to have 4 lines of text. Essentially I'm looking to show one entry for each day with 4 lines of stats so something like this for each entry:

10 Calls
105 Customers
32 Call backs
5 Resolutions

I have a custom view model implementing ISchedlerEvent and just setting the title to an HTML string but there's probably a better way to do this. The biggest problem I have is I've set the event height value in the month view but if I set it to anything higher than say 30 the entire event for that day just turns into 3 dots.

Here's my markup for the scheduler:

@(Html.Kendo().Scheduler<MonthlyStatsViewModel>()
.Name("scheduler")
.Views(views =>
{
views.MonthView(x => x.EventHeight(60));
})
.Editable(false)
.BindTo(Model)
)

If I don't include the EventHeight value it works but only shows the default event (25px high) which is enough to only show 1 line of the title.

Any ideas on trying to get what I'm looking for here (I can add a mockup if you need it)

Thanks!

Scheduler

answered on 16 Mar 2017

3 answers

163 views

Working Theme Builder?

Is there a working theme builder for Telerik MVC components? The "http://themebuilder.telerik.com/" seems to output themes for Rad components (Telerik UI for AJAX, I believe) which won't work with the MVC components. The "http://demos.telerik.com/kendo-ui/themebuilder/" one isn't really fully functional as all it allows you to do is change some colors, and even the "selected" color isn't wired correctly. The default themes in my opinion are ugly, with really ugly colors. But the Telerik MVC CSS is so nested, and inter-connected, it's practically impossible to get a good looking and consistent custom site by overriding a few CSS tags. I change a color in my grid, but now mu panelbar is ugged up, if I change a selected value in my panelbar, now my menu is ugged up. What I really need is an in-depth tutorial on changing themes without f****** everything else up.

So... Is there?.

General Discussions

answered on 16 Mar 2017

1 answer

979 views

uninstall telerik from one project

I have a solution with twoprojects in it.

By error both projects have the telerik softwar einstalled but it is only needed by one. Is it possible to remove the telerik extensions from a project?

Maurice

Installer and VS Extensions

answered on 15 Mar 2017

3 answers

542 views

Combobox not selecting first option after filter

I am having trouble with comboboxes that are in a grid. The first time I type in a value (e.g. 044), it filters to the 044 items and selects the first one perfectly. If I then go back to that field and type 043, it filters correctly but as you can see in the attached image, it does not select the first item. This means that when I hit tab or enter to exit the column, I throw an error because the field is required. Why is this not working the second time I filter? I can do this over and over again where it filters once and then not the next time and then it works and then it doesn't. What am I missing?

Here is the editor I am using. I have tried both clientside and serverside filtering and loading as you can see. Nothing helped. It is a big list but not huge (around 1000 items in the list).

@(Html.Kendo().ComboBoxFor(m => m)
.Name("TransactionCode_Code") // Name of the widget should be the same as the name of the property
.DataValueField("Code") // The value of the dropdown
.DataTextField("CodeDescription") // The text of the items
.BindTo((System.Collections.IEnumerable)ViewData["TransactionCodes"]) // A list of all TransactionCodes which is populated in the controller
//.DataSource(dataSource =>
//{
// dataSource.Read(read =>
// {
// read.Action("GetTransactionCodesCash", "Utility").Data("filterTransactionCodesCash");
// })
// .ServerFiltering(true);
//})
.Placeholder("Select one...")
.HtmlAttributes(new { style = "width:90px" })
.Height(350)
.Filter(FilterType.StartsWith)
//.AutoBind(true)
.HighlightFirst(true)
.Suggest(true)
.Events(e => e.DataBound("transactioncode_dataBound").Change("transactioncode_changed").Filtering("transactioncode_filter"))
//.Events(e => e.Change("transactioncode_changed"))
.ClearButton(false)
.MinLength(3)
)

ComboBox

answered on 15 Mar 2017

4 answers

182 views

How to link scheduler to calendar

I use Kendo().Scheduler and Kendo().Calendar() at same time

I want if date on scheduler change and then calendar date also change

How to link scheduler and calendar?

Scheduler

answered on 15 Mar 2017

5 answers

250 views

Splitter icons super small

My users are complaining that the icons used to resize splitter panes, as well as collapse and expand them are just too small... How can I make them bigger?

Splitter