Questions on UI for ASP.NET MVC Forum

1 answer

352 views

blank row

Hi,

How I can insert a blank row in a DropDownList

controller :

ViewBag.NoSource = new SelectList(db.Sources, "NoSource", "CodeSource");

View :

@(Html.Kendo().DropDownList()

.Name("NoRisque") // Name of the widget should be the same as the name of the property

.DataValueField("Value") // The value of the dropdown is taken from the EmployeeID property

.DataTextField("Text") // The text of the items is taken from the EmployeeName property

.BindTo((SelectList)ViewBag.NoSource) // A list of all employees which is populated in the controller

)

DropDownList

answered on 04 Feb 2014

1 answer

568 views

Kendo UI Editor in full screen mode

Kendo UI v 2013.3.1316
jQuery v1.9.1
All supported browsers of stated Kendo version

I'm looking for assistance (code snippet) to allow for full screen edit mode for the Kendo UI Editor similar to the Telerik ASP.Net AJAX Editor (http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx). Unfortunately this feature has already been turned down as a new feature (http://feedback.kendoui.com/forums/127393-kendo-ui-feedback/suggestions/2923765-editor) so I'm hoping someone else has already tackled this and has a solution.

Thanks,

Eric

Editor

answered on 04 Feb 2014

1 answer

183 views

RADTextBox in MVC

How can we use a RADTextBox in an MVC 5 Razor page?
We wish to make use of this for taking advantage of 'Password Strength' option.
We are new to Telerik, so we are not sure how to use it correctly.
We don't see any reference to a text box in Telerik.Web.MVC.UI and entirely not sure how to get to RADInput via Telerik.Web.UI in the .cshtml.

General Discussions

answered on 04 Feb 2014

6 answers

474 views

[Solved] I need to create an admin panel on mvc with telerik ?

Hi there
I want to create a nice admin panel to creating my new post from on with these item :
1-post title
2-post body
3-post date&time
4-post comment
and some more
now does telerik have any component to help me to creating this admin panel ?
Best Regards
Raha

General Discussions

answered on 04 Feb 2014

3 answers

500 views

Issue with LoadContentFrom in Window

I was trying to use the LoadContentFrom() of Kendo Window like this:

Html.Kendo().Window()
	   .Name("time-hierarchy-edit-window")
	   .Title("Add or Edit Leafs")
	   .LoadContentFrom("/Hierarchies/EditTimeHierarchyNodes?hierarchyID=" + Request.QueryString["hierarchyID"])
	   .Draggable()
		.Width(500)
		.Render();

And I have the action method in controller:

public ActionResult EditTimeHierarchyNodes(Guid hierarchyID)
		{
			EditTimeHierarchyNodesViewModel model = new EditTimeHierarchyNodesViewModel() {
				Hierarchy = m_timeHierarchyRepository.GetTimeHierarchy(hierarchyID),
				LeafNodeGroups = m_timeNodeRepository.GetLeafNodeGroups(hierarchyID),
			};
 
			return View();
		}
However, when the ajax request came back, it gave me 500 error
"This request has been blocked because sensitive information could be disclosed to third party web sites when this is used in a GET request. To allow GET requests, set JsonRequestBehavior to AllowGet."

The issue is that the View() does not have any overload that allows me to specify the AllowGet option. Can any one shine some light on this?
Thanks.

Window

answered on 04 Feb 2014

2 answers

105 views

Editable ASP.Net MVC Kendo Grid Causes Page to Fail to Load

I would like to do something similar to the Batch editing example found here: http://demos.telerik.com/kendo-ui/web/grid/editing.html

However, several pieces of the configuration cause my page to never finish loading. Accessing the page will cause the loading icon to appear in the tab of my web browser, but the page never finishes. The Index method of my page is hit, and returns the View, but the Read AJAX method is never called, and the display never updates.

Adding the following things to the configuration causes this issue for me:
in .Columns:
   columns.Command(command => command.Destroy()).Width(110);
.ToolBar(toolbar => {
            toolbar.Create();
            toolbar.Save();
        })
.Editable or
.Editable(editable => editable.Mode(GridEditMode.InCell))

For example, this produces a read-only grid:

@(Html.Kendo().Grid<AccountManagement.Business.ViewModels.Areas.DM.RehireDocumentSettingViewModel>()

.Name("DocumentSettings")

.Columns(columns => {

columns.Bound(ds => ds.FormID);

columns.Bound(ds => ds.DocumentDateTypeName);

columns.Bound(ds => ds.RemoveIfOlderThanDays);

}

)

.Navigatable()

.Sortable()

.Scrollable()

.DataSource(dataSource => dataSource

.Ajax()

.Batch(true)

.ServerOperation(false)

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

.Model(model => model.Id(ds => ds.FormID))

.Create("RehireDocumentSetting_Editing_Create", "RehireSetup")

.Read("RehireDocumentSetting_Editing_Read", "RehireSetup")

.Update("RehireDocumentSetting_Editing_Update", "RehireSetup")

.Destroy("RehireDocumentSetting_Editing_Destroy", "RehireSetup")

)

And this produces the issue:

@(Html.Kendo().Grid<AccountManagement.Business.ViewModels.Areas.DM.RehireDocumentSettingViewModel>()

.Name("DocumentSettings")

.Columns(columns => {

columns.Bound(ds => ds.FormID);

columns.Bound(ds => ds.DocumentDateTypeName);

columns.Bound(ds => ds.RemoveIfOlderThanDays);

}

)

.Navigatable()

.Sortable()

.Scrollable()

.Editable()

.DataSource(dataSource => dataSource

.Ajax()

.Batch(true)

.ServerOperation(false)

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

.Model(model => model.Id(ds => ds.FormID))

.Create("RehireDocumentSetting_Editing_Create", "RehireSetup")

.Read("RehireDocumentSetting_Editing_Read", "RehireSetup")

.Update("RehireDocumentSetting_Editing_Update", "RehireSetup")

.Destroy("RehireDocumentSetting_Editing_Destroy", "RehireSetup")

)

I don't get any error messages in Visual Studio or the browser, or any indication of what is going on.

Any help would be appreciated.

Grid

answered on 03 Feb 2014

2 answers

85 views

Hide top leve items without children

I'm using the panelbar to display links to different internal applications that I have grouped together into several different sections on a password protected intranet.
I really like that the links for actions are not displayed when a user does not have acquitted permissions to execute them.

However I'm left with top level items without any child items that are displayed. Is there a simple way to hide the top level items without any children?

PanelBar

answered on 03 Feb 2014

1 answer

68 views

Header rendering in Chrome incorrect after Q3 2013 SP2 applied

I created a ticket for this... but thought someone in the community might have an idea. 24 hours is a long time to wait.

I just upgraded from Q3 2013 to Q3 2013 SP2. The grid headers in chrome are rendering with extra line in the header. See attachment:

When I inspect element in chrome I see this style

.k-grid-header .k-header>.k-link {display: block;

If I turn that off or set it to inline-block the issue goes away. The strange thing is that the demos that style is there and it renders correctly.

I've verified the correct styles/script versions are coming from the cdn:

<link href="//da7xgjtj801h2.cloudfront.net/2013.3.1324/styles/kendo.common.min.css" rel="stylesheet"/>

<link href="//da7xgjtj801h2.cloudfront.net/2013.3.1324/styles/kendo.blueopal.min.css" rel="stylesheet"/>

<script src="//da7xgjtj801h2.cloudfront.net/2013.3.1324/js/kendo.all.min.js"></script>

<script src="//da7xgjtj801h2.cloudfront.net/2013.3.1324/js/kendo.aspnetmvc.min.js"></script>

Anyone have any ideas. I can just change the style but I don't understand the ramifications of that on every other browser.

BTW: This seems to work fine as is in IE10/11 and FireFox without changing the style.

Thanks,
BOb

Grid

answered on 03 Feb 2014

1 answer

457 views

ListView with Bootstrap in MVC 5

Hi All,

I am new to MVC. Can some provide me an example program or the web link through which I can understand how to apply the Bootstrap style (responsive style) to Kendo UI ListView for MVC 5.

Thank you.

ListView

answered on 03 Feb 2014

5 answers

280 views

Drop downs in tabl strip

I have a tab strip with three tabs, two of which load from partial views and each contains one or two Kendo Drop Downs.

When I click on the tabs with the drop downs the first time, they work fine. But when I go back to the tab, the drop downs do not appear.

Ideas?

TabStrip

answered on 31 Jan 2014