Questions on UI for ASP.NET MVC Forum

1 answer

64 views

Remove hour between 12pm and 13pm

Hello,

I have already a startTime and endTime on my scheduler and I wa

Scheduler

answered on 14 Apr 2017

8 answers

1.1K+ views

Change pop-up layout and size MVC

I have a grid which is editable in popup mode. I have two problems the first is that when the popup is shown it is too small and I have to scroll left to see the whole text box. Second I do not want the user to be able to change the UserId field as this is a key field generated by the database. So I either want the field hidden (including the label) or I want it disabled.

Having looked at the forums I think the only way to solve this is to use a template. I tried to add a template but the popup does not use it, I am new to Kendo and Javascript so would appreciate if someone could tell me why it is not picking up my template. Both Grid code and template are shown below.

@(Html.Kendo().Grid(Model)

.Name("Grid")

.Columns(columns =>

{

columns.Bound(p => p.UserId).Hidden(true).Width(100);

columns.Bound(p => p.Username).Width(200);

columns.Bound(p => p.Password).Width(250);

columns.Command(command => { command.Edit(); });

})

.Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("AddEditUser"))

.Pageable()

.Sortable()

.Scrollable()

.DataSource(dataSource => dataSource

.Ajax()

.Model(model => model.Id(u => u.UserId))

.Read("Users", "Home")

.Update("UserListUpdate", "Home")

)

<script id="AddEditUser" type="text/kendo-tmpl">

<div class="k-edit-label">UserId: </div>

<div class="k-edit-field">

<input name="UserId" disabled class="k-textbox" />

</div>

<div class="k-edit-label">UserName: </div>

<div class="k-edit-field">

<input name="Username" required class="k-textbox" />

</div>

<div class="k-edit-label">Password: </div>

<div class="k-edit-field">

<input name="Password" required class="k-textbox" />

</div>

</script>

Thank you

Grid

answered on 14 Apr 2017

1 answer

167 views

Setting Dialog content via Javascript

If I add the MVC Wrapper for a Dialog in a page, and initially set Visible(false), how do I set the actual content of the dialog via Javascript?

Background, I have a SignalR hub that is set to receive admin messages from the server, and I want the message sent by the server to be displayed in the dialog. SO I put the basic dialog MVC wrapper in my page, with no content initially and when the SignalR hub receives a a message, I want it to display in that dialog then.

Dialog

answered on 13 Apr 2017

3 answers

1.3K+ views

Set Title for Update and Cancel command buttons

Hi,

I can set Title HtmlAttribute for Edit and Destroy command button in Grid like:

command.Edit().HtmlAttributes(new { title = "Edit Row" });
command.Destroy().HtmlAttributes(new { title = "Delete Row" });

But I cannot find the way to set Title for buttons "Update" and "Cancel" which appears during editing.

Kind regards

Genadij

Grid

answered on 13 Apr 2017

1 answer

293 views

Show the destroyed data - e.fetch is not a function

HI

How could I show the destroyed data in another Grid ?

I have met an error :

grid2.setDataSource(grid.dataSource._destroyed);

Uncaught TypeError: e.fetch is not a function at init.setDataSource (kendo.all.min.js:48)

Best regards

Chris

Grid

answered on 13 Apr 2017

1 answer

338 views

Kendo Editor Table Wizard

Hi,

I have some questions about the Table Wizard:

- When I create a table, either using the normal way or through Table Wizard, I don’t have a way to edit that created table.
- When creating a table with the wizard, and setting table width and height, when typing inside of that table the cell widths start changing.
- When adding columns to an existing table, either left or right, it adds it in a very small width and unproportioned to the rest of the columns of the table.
- When creating a table with the wizard, configuring Cell properties without checking “Select All Cells”, does not allow to specify which cell to be configured, top left by default only.
- When creating a table with the wizard, set cellspacing: 10px, no effect on created Table.

Thanks!

Editor

answered on 13 Apr 2017

1 answer

97 views

Kendo MVC Schedular customization

Hi guys,
I am using:
1-Kendo MVC - 2014.3.1411.545
2-Chrome/Mozilla regardless the version
I have been working with kendo UI scheduler control which works fine with its default functionality, but I need to do the customization to meets the requirements.

Here are the certain things I want to do with kendo scheduler:

1. I want to to generate kendo scheduler rows with respect to the binded resource dynamically.
2. To Remove the time slots and create appointments with certain height & width.
3. I want to show the kendo scheduler appointments created in concerned row with respect to every resource with a certain height and width.

I have uploaded an image to explain what I wanted to do with Kendo MVC scheduler.

Scheduler

answered on 13 Apr 2017

1 answer

165 views

Drag drop: ListView item to PanelBar item

Hi, I need to facilitate two pieces of drag and drop functionality usingTelerik UI for MVC.

I have a ListView (of users), and a Panelbar (of teams, and the users in each team are the children for a given Panelbar team item).

I want to drag/drop users from the ListView to the team header (or its child users panel) & this will trigger a call to the server that will make the change to the db. The users when "dragged" remain in the ListView of all users, they are simply added to a team.

Additionally, each user under a team in the PanelBar need to be able to be dragged to a third element in the view (an icon of a recycle bin - this will remove them from a team).

How can I enable drag and drop on the two Kendo controls to make this happen?

Thanks

Matt

ListView

answered on 12 Apr 2017

1 answer

194 views

Groupable, Resizable, Reorderable Not Working

I have the following test Grid and Grouping, Reordering, and Resizing all fail to work.

I see a "stop sign" whenever I try to drag and drop a column header to group or reorder. Trying to Resize, I see the handles but it doesn't actually resize.

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

.Name("myworkgrid")

.Columns(columns =>

{

columns.Bound(c => c.ReqID);

columns.Bound(c => c.Title);

})

.Scrollable()

.Groupable()

.Sortable()

.Filterable()

.ColumnMenu()

.Resizable(rsb => rsb.Columns(true))

.Reorderable(r => r.Columns(true))

.DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("LoadWorkGrid", "Dashboard").Data("WorkGridUser")))

)

For Reference "WorkGridUser" is:

function WorkGridUser() {

return {

uid: "@(ViewBag.UserID)"

}

And the problem is the same even when leaving that off.

What am I doing wrong?

These are the references I am using (along with jquery 1.10.2, bootstrap, and toastr):

<link href="http://kendo.cdn.telerik.com/2017.1.223/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />

<link href="http://kendo.cdn.telerik.com/2017.1.223/styles/kendo.bootstrap.min.css" rel="stylesheet" type="text/css" />

<link href="http://kendo.cdn.telerik.com/2017.1.223/styles/kendo.bootstrap.mobile.min.css" rel="stylesheet" type="text/css" />

<script src="https://kendo.cdn.telerik.com/2017.1.223/js/kendo.all.min.js"></script>

<script src="https://kendo.cdn.telerik.com/2017.1.223/js/kendo.aspnetmvc.min.js"></script>

Thank you.

Grid

answered on 12 Apr 2017

1 answer

85 views

Columns Rendering beyond Grid border

Has anyone ever seen similar behavior and know of a fix? This grid is built dynamically so I do not know the number of columns until after the user chooses which view to render.

Grid

answered on 12 Apr 2017