Questions on UI for ASP.NET MVC Forum

14 answers

690 views

Binding data in PanelBar is pretty confusing

So far all of the Telerik components I've used thus far have been fairly simple. Irritating to get it to look the way I want, but when it comes to binding to data, it's been pretty simple.

But this is my first time in using the PanelBar, and I'm confused beyond all belief. I have a database with Topic information such as Title, Description, Created by, etc... Some of these are marked as Active, and others are marked as In-Active. I'd like the panel bar to have two panels, one each for Active and In-Active, and upon opening each of them, display a list of Titles for the appropriate type.

So I have a controller action returning an IEnumerable<Topic> and tried using the DataSource Read action, but they just all get listed in the panel bar. I've tried coding two separate panels, and trying LoadContentFrom, but this is showing my topic information as JSON, and they're all grouped together.

I've seen examples using Model Binding, but I'm not passing the data in as a Model.

So how in the holy heck do I get this thing to do what I want it to do?

My class is pretty simple:

public class TopicBank

{

public TopicBank();

public bool Active { get; set; }

public string CreatedBy { get; set; }

public DateTime CreatedOn { get; set; }

public string Description { get; set; }

public string FormData { get; set; }

public Guid ID { get; set; }

public DateTime LastModified { get; set; }

public string LastModifiedBy { get; set; }

public string Title { get; set; }

}

And my controller is even more simple:

[HttpGet]

[ActionName("GetTopicList")]

public ActionResult GetTopicList()

{

var hold = WebApiHelper.CallGetAPI<List<TopicBank>>($"{_baseURL}api/Transcend/GetTopicList");

return Json(hold, JsonRequestBehavior.AllowGet);

}

What do I need to do to get this thing to display how I want it to?

PanelBar

answered on 17 Mar 2017

6 answers

445 views

Kendo UI Grid Scaffolding

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

315 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

865 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

355 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

187 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

1.0K+ 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

583 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

209 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

275 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

answered on 15 Mar 2017