Questions on UI for ASP.NET MVC Forum

1 answer

1.0K+ views

[Solved] Scaffolder MVC Add button never enabled when using ViewModel

When I use the Kendo UI scaffolder for MVC and choosing "Use Existing ViewModel" the "Add" button remains disabled in the final dialog so I can never complete the process unless I also select a data model and DbContext. I have tried this with each of the available widgets the scaffolder supports as well as many combinations of options. Environment is: vs2015, MVC UI 2016.3.1028, EF 6.1, .Net 4.5.2

Steps: 1) right click on "Controllers" in Solution Explorer

2) Select Add, Controller

3) In the Add Scaffold dialog select MVC Kendo UI Scaffolder and Add

4) In the Kendo UI Scaffolder dialog, select UI for MVC Grid (or any other widget) and Add

5) In the widget specific dialog set Controller name, View name, check the "Use Existing ViewModel" box, select a View Model

At this point the "Add" button remains disabled regardless of any additional selections of options. The only way to get the Add button to become enabled is to also select a Data Model and DbContext.

Thanks, John

Installer and VS Extensions

answered on 07 Nov 2016

1 answer

261 views

Automated UI Testing with Kendo

I've been attempting to write/run some automated UI tests using cucumber.io and selenium on our app that is using kendo UI. So far its been a struggle. I've run into a lot of issues where elements "don't exist" on the page until they've been clicked, or they just don't exist in a state where cucumber can interact with them.

Has anyone else done any sort of UI testing and/or had issues with this kind of behavior?

Thanks,

Harrison

General Discussions

answered on 07 Nov 2016

2 answers

267 views

Submenu flashes on the screen.

I have a menu with a submenu using MVC. When the page is displayed, an unformatted image of the menu and submenu is displayed on the screen for a brief second before the menu is formatted and the submenu hidden. Any way to stop this?

<div>
        <ul id="menu">
            <li>@Html.ActionLink("Work Orders", "Index", "Orders")</li>
            <li>@Html.ActionLink("User Management", "Index", "Users")</li>
            <li>Reports
            <ul>
                <li>@Html.ActionLink("Ad Hoc Report", "Index", "Reports")</li>
                <li><a target="_blank" href="http://ws01/ReportingService/Reports.html">All Reports</a></li>
                <li><a target="_blank" href="http://ws01/ReportingService/MonthlyShippedOrders.html">Monthly Shipped Orders</a></li>
                <li><a target="_blank" href="http://ws01/ReportingService/ActiveOrders.html">Active Orders</a></li>
                <li><a target="_blank" href="http://ws01/ReportingService/LTL.html">LTL Orders</a></li>
                <li><a target="_blank" href="http://ws01/ReportingService/VendorBilling.html">Vendor Billing Spreadsheet</a></li>
                <li><a target="_blank" href="http://ws01/ReportingService/Telephony.html">Telephony Active Orders</a></li>
            </ul>
            </li>
            <li>@Html.ActionLink("Admin", "Index", "Admin")</li>
        </ul>
    </div>

Thanks,

Chris

Menu

answered on 04 Nov 2016

3 answers

740 views

Multiple items in Kendo Footer Template

Hi Team,

I have a requirement to show the total sum / the maximum total followed by the percentage calculated out of it.

Sample

100/200
50%

I need to have this kind of layout in the footer template but right now I am able to get just one of the three values at a time. Can you help if there is some existing feature and any workaround to achieve this.

Thanks,
Dipen Shah

Grid

answered on 04 Nov 2016

1 answer

493 views

Bootstrap 4

Is Kendo UI for MVC compatible with Bootstrap 4(alpha5) and Jquery 3.1.1

General Discussions

answered on 04 Nov 2016

9 answers

240 views

Scaffolding

Hi,

I can not end the Scaffolding dialog (see http://http//docs.telerik.com/kendo-ui/aspnet-mvc/helpers/chart/scaffolding )

The Add Button and the Series Type Combobox from Chart Option s is alway enabled.

Any ideas, what could be wrong?

Before I crated a EF6 Model from a SQL Database and use a Class for a table or view.

Peter

Chart

answered on 04 Nov 2016

1 answer

80 views

Cannot get to MVC Validation documentation page on Telerik site

Can anyone else get to this page without being redirected to the aspnet introduction page?

target:

http://docs.telerik.com/kendo-ui/aspnet-mvc/validation

gets redirected to http://docs.telerik.com/kendo-ui/aspnet-mvc/introduction

Cannot get to the validation page using the links in the side bar or at the bottom of the intro page.

General Discussions

answered on 04 Nov 2016

2 answers

1.0K+ views

ListView Won't Refresh

Here's my MVC ListView:

@(Html.Kendo().ListView<EntryExitBoard>()

.Name("matrixEntryExitBoardLV")

.DataSource(dataSource =>

{

dataSource.Read(read => read.Action("GetEntryExitBoard", "Warehouse").Data("getStartDepotNumber"));

})

.TagName("div")

.ClientTemplateId("entryExitTemplate")

.Selectable(selectable => selectable.Mode(ListViewSelectionMode.Single))

.Events(events => events.Change("onEntryExitBoardChange"))

)

It loads initially with no problem. But when the following code tries to refresh it...

var listView = $("#matrixEntryExitBoardLV").data("kendoListView");

listView.refresh();

It steps over the refresh without throwing an error, but the list view doesn't refresh.

ListView

answered on 04 Nov 2016

5 answers

250 views

Basic example please

My need is relatively straight forward, but I am not normally a report person, nor a charting kind of person, so my knowledge of different charting types and values is practically nil.

I have a List<ClientBreakdown>, which is just a collection of a very simple class:

public class ClientBreakdown

{

public string State { get; set; }

public int Count { get; set; }

}

What I'd like is a Bar Chart, with the States alphabetically along the bottom, and the number of Clients in each state as the value of the bar.

I've done this:

@(Html.Kendo().Chart<ClientBreakdown>()

.Name("chart")

.Title("Breakdon of Client States")

.Legend(l => l.Position(ChartLegendPosition.Bottom))

.Series(s => s

// pie chart is too busy, let's try it as a bar chart

// .Pie(m => m.Count, m => m.State).Padding(5).Labels(l => l.Visible(false).Template("#= category # - #= value #"))

.Column(m => m.Count, m => m.State).Labels(l => l.Visible(false).Template("#= category # - #= value #"))

)

.DataSource(ds =>

{

ds.Read(r => r.Action("ClientsByState", "Clients").Type(HttpVerbs.Get));

})

.Tooltip(tp => tp.Visible(true).Template("#= category # - #= value #"))

)

It gives me a bar chart ok, but each column is black, and there are no labels. (See attached image)

Could someone give me a few tips on how to best accomplish this?

Chart

answered on 04 Nov 2016

2 answers

1.5K+ views

Disable Option Label

Hi There,

I am newbie to Kendo. I am having issue with DropdownlistFor while binding to Viewbag selectlist. In the below code ViewBag.AddressList has a disabled value and it is not binding as disabled item in dropdownlist.

Please see below Code

ViewBag.AddressList = new SelectList(model, "CodeOrder", "CodeDisplay",

selectedValue: model[0].CodeOrder.ToString(),

disabledValues: model[0].CodeOrder.ToString());

@Html.Kendo().DropDownListFor(m => m.AddressType)

.BindTo((SelectList)ViewBag.AddressList)

.HtmlAttributes(new { @id = "ddlAddressType" })

In the attached image , Address Type is considered as option label and has to be disabled as well as not allowing user to select it.

Best Regards,

Phani

DropDownList