Questions on UI for ASP.NET MVC Forum

1 answer

229 views

We inherited a mission critical codebase that we are upgrading from .NET 1.1 to .NET 3.5. This codebase uses RadGrid 5.1 for .NET 1.1. This old library will not work in .NET 3.5. We are willing to purchase whatever suite is necessary for us to acquire RadGrid.Net2.dll v. 5.1.

Thanks,
Robert Ryan

Grid

answered on 08 Aug 2014

1 answer

140 views

Loading only grouping on initial load

For my purposes, the typical case will be 100 to 10,000 rows of data in 1 to 16 groups. What I would like to do is for the grid to first load the applicable groups, all collapsed, and then to begin loading the data for each of these groups in the background after the page has come up. Is this possible with out-of-the-box functionality?

Grid

answered on 08 Aug 2014

2 answers

843 views

Alignment of "Add new item" button

I have the following line in my grid:

.ToolBar(toolbar => toolbar.Create().Text("Add"))

How do I align the button to the right, which is otherwise defaulted to left?

Grid

answered on 07 Aug 2014

3 answers

111 views

Javascript content from <Script> tag generated by child controls appears in Grid's toolbar area

When I upgraded to 2014.2.716, a visual error started occurring in my grid controls with child controls in the grid's toolbar.

01.@(Html.Kendo().Grid<TestRowClass>()

02. .Name("TestGrid")

03. .ToolBar(toolbar => toolbar.Template(@<text>

04. @(Html.Kendo().AutoComplete()

05. .Name("TestAutoComplete")

06. )

07. </text>)

08. )

09.)

I tested that in a brand new project using the CDN to make sure i eliminated all other code. The "TestRowClass" can contain any properties, i only use it to help render the grid itself.

When I use the razor scripting above, all of the <script> tag content shows up in the toolbar along side the control. The control works just fine, but the content of the script tag should not be visible.

I tried adding a simple style like "script { display:none; }" to the page, but that didn't fix the issue.

Any advice or fix would be appreciated. Thanks.

Grid

answered on 07 Aug 2014

1 answer

113 views

Ajax Grid - ViewModel

Is it possible to specify a different ViewModel for Create/Edit to what's specified in @Html.Grid<ViewModel>

I have separate ViewModels for Edit and Create as the validation rules are different.

Thanks
Steve

Grid

answered on 07 Aug 2014

1 answer

173 views

Could you provide me an example of Real Time ASP.Net MVC Chart with SignalR?

I would like to know whether real time notification for chart is possible without refreshing the screen as like grid?If possible could you show an example of real time binding of that?

Chart

answered on 07 Aug 2014

4 answers

296 views

Notification Templates AutoHideAfter

Hi,
I'm basing my notifications on this demo: http://demos.telerik.com/aspnet-mvc/notification/templates
My templates are success, info, error, and warning.

@(Html.Kendo().Notification()

.Name("notification")

.Position(p => p.Pinned(true).Top(30).Right(30))

.Stacking(NotificationStackingSettings.Down)

.AutoHideAfter(0)

.Templates(t =>

{

t.Add().Type("info").ClientTemplateID("infoTemplate");

t.Add().Type("success").ClientTemplateID("successTemplate");

t.Add().Type("error").ClientTemplateID("errorTemplate");

t.Add().Type("warning").ClientTemplateID("warningTemplate");

})

)

Then I show them like this in JS...

notification.show({

message: "Upload Successful",

}, "success");

I can set AutoHideAfter when I declare the notification, however I was wondering if it's possible to set AutoHideAfter for an individual template?
That way I can disable autohide for all templates except the success template.

Thanks for any help,
Joe

Notification

answered on 06 Aug 2014

4 answers

212 views

Horizontal Expansion of Menu

I have been attempting to implement a 'Workflow Progress' control for an application that I am building. There are three major steps, the first two have three minor steps and the final has 5 minor steps. I've been attempting to shoehorn the menu control into this as it appears to have 90% of the functionality that I need. The dynamic open/close, the ability to remain open after selection and the animations are all perfect. Vertical space in the app is at a premium so I've chosen to implement the menu horizontally, all very well and good. The issue comes when I attempt to modify the behavior of the child <li> and their containing divs. I'd like for the children to expand horizontally from the parent, and have subsequent parents shifted down.

Note: the ** below represent the 'selected' items (the current step of the workflow)
[*Major-1*][Minor-1][*Minor-2*][Minor-3][Major-2][Major-3] with the hover effect on unexpanded Major steps leading to:
[*Major-1*][Minor-1][*Minor-2*][Minor-3][Major-2][Major-3][Minor-1][Minor-2][Minor-3]...etc Which is the default menu animation, but I cannot, for the life of me, figure out how to force the children to:

(1) Display inline
(2) Force expansion of the parent without having to use position: relative !important; and the resulting offsets on each level of stack.

Any thoughts?

Thanks!

Menu

answered on 06 Aug 2014

1 answer

811 views

DropdownList Model Binding - Unable to get it working

Hi everyone,

I am having hard time getting the model binding work with the DropdownList.

* I am not manually setting the name on the widget
* I do not have AutoBind set to false

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

.HtmlAttributes(new { style = "width: 250px" })

.DataTextField("ProductName")

.DataValueField("ProductID")

.DataSource(source =>

{

source.Read(read =>

{

read.Action("GetProducts", "DropdownList");

});

})

)

This is from the telerik demos.

Here is the Controller Code:

public ActionResult RemoteDataSource()

{

var model = new RemoteDataSourceViewModel()

{

SelectedProduct = new SelectedProduct()

{

ProductID = 7,

ProductName = "Uncle Bob's Organic Dried Pears"

}

};

return View(model);

}

The above code would load the dropdownlist, but doesn't set the value on initial load.

I looked through previous post and could not find why this wouldn't work.

Any suggestions on what I might be doing wrong?

I appreciate your time.

Uday

DropDownList

answered on 06 Aug 2014

1 answer

420 views

Populate Dropdown list value in a textbox

Hi,

I have a telerik asp.net mvc dropdown list. When user selects an item from the list, I would like to populate a textbox with the selected value. I am not sure how I can get this to work using telerik controls. Please help.

Thanks.

DropDownList

answered on 06 Aug 2014