Questions on UI for ASP.NET Core Forum

1 answer

130 views

I'm trying to replicate the example "https://demos.telerik.com/aspnet-mvc/tilelayout/reordering" on my PC.

I have copied the images in appropriate location.

I copy and past the code from the example code, but i don't see anything. Why?

Thanks

Fabio

TileLayout

answered on 31 Aug 2020

2 answers

148 views

[Solved] PNG Merge

I am using your PDF Viewer and Document processing to merge PDF files together. Now, my requirement is to merge multiple PNG files together. Do you have a control that will do this? If not, any idea how I would go about this?

As a side thought, maybe I could meet the requirement by adding the 2 PNG files into a PDF file; one after another. Do you have an example on how to do this?

Thanks in advance for your help,

Joel

PDFViewer

answered on 28 Aug 2020

1 answer

2.0K+ views

Change letters to upper case

Hey,

I am using kendo grid incell edit mode in my project

I want to convert the alphabets to upper case(in caps) as the users enter in the cells. As he types in the letters should automatically change in CAPS - from a to A

Grid

answered on 28 Aug 2020

1 answer

2.2K+ views

make column title BOLD

Hi

I want to make the column title of kendo grid as BOLD font

please help

Grid

answered on 28 Aug 2020

4 answers

262 views

Scheduler Drag and Drop from Grid Example

Hi, does anyone have any code samples for a .Net Core scheduler that can accept a drag and drop from another control, such as a Grid? I am upgrading an old ASP.NET app that has this same functionality using Telerik scheduler and need to keep this heavily used feature intact. I have seen the Jquery example of this however that does not translate well into the .net Core scheduler.

Thanks for any help

Regards

Scheduler

answered on 26 Aug 2020

11 answers

456 views

[Solved] Filterable operators in grouped columns

Hi,

we use some grids where we have defined the filters that appear on the columns with:

.Filterable(ftb => ftb.Mode(GridFilterMode.Row)

                .Extra(true)

                .Operators(operators => operators

                    .ForString(str => str.Clear()

                        .Contains(String.Format(SharedLocalizer["lblGridFilterContains"].Value))

                        .StartsWith(String.Format(SharedLocalizer["lblGridFilterBeginsWith"].Value))

                        .IsEqualTo(String.Format(SharedLocalizer["lblGridFilterIsEqual"].Value)))

                    .ForNumber(num => num.Clear()

                        .IsEqualTo(String.Format(SharedLocalizer["lblGridFilterIsEqual"].Value))

                        .IsGreaterThan(String.Format(SharedLocalizer["lblGridFilterGreaterThan"].Value))

                        .IsLessThan(String.Format(SharedLocalizer["lblGridFilterLessThan"].Value))

                        )

                    .ForDate(date => date.Clear()

                        .IsEqualTo(String.Format(SharedLocalizer["lblGridFilterIsEqual"].Value))

                        .IsGreaterThan(String.Format(SharedLocalizer["lblGridFilterGreaterThan"].Value))

                        .IsLessThan(String.Format(SharedLocalizer["lblGridFilterLessThan"].Value))

                        )

                    )

            )

And it works great.

The problem is that when there are grouped columns it works in the "normal" columns but not in the grouped ones (it shows all the filters and not the ones we've defined).

The only way we have found to make it work in every column is to define again in the column that's grouped the filterable operator:

c.Group(group => group

            .Title(@SharedLocalizer["lblPaymentdiscountday2"].Value)

            .HeaderHtmlAttributes(new { groupname = "paymentsGrid_grp_skonto2" })            

            .Columns(skonto2 =>

            {

                skonto2.Bound(m => m.discountday_2).HtmlAttributes(new { style = "text-align: right;" }).Width(90)

                .Filterable(f => f

                    .Cell(cell => cell.Enabled(true).MinLength(100))

                    .Operators(op => op

                            .ForNumber(num => num.Clear()

                                    .IsEqualTo(String.Format(SharedLocalizer["lblGridFilterIsEqual"].Value))

                                    .IsGreaterThan(String.Format(SharedLocalizer["lblGridFilterGreaterThan"].Value))

                                    .IsLessThan(String.Format(SharedLocalizer["lblGridFilterLessThan"].Value))

                                    ))

                    );                

                skonto2.Bound(m => m.discount_2).HtmlAttributes(new { style = "text-align: right;" }).Format(@SharedLocalizer["gridColumnFormatDec"].Value).Width(100).Filterable(f => f.Cell(cell => cell.Enabled(true).MinLength(100)));

                skonto2.Bound(m => m.netday).HtmlAttributes(new { style = "text-align: right;" }).Width(90).Filterable(f => f.Cell(cell => cell.Enabled(true).MinLength(100)));



            })

        );

We'd like to know if there's another way to make the custom filters work in grouped columns, because we'd like to avoid writing the same code for every grouped column in the grid.

Thank you in advance.

Kind regards

Grid

answered on 26 Aug 2020

1 answer

293 views

Get ListBox Items OnPost Event

I am new to ASP.Core. How do I get the selected items from the "selected" ListBox on the OnPost event?

@(Html.Kendo().ListBox()

.Name("optional")

.Toolbar(toolbar =>

{

toolbar.Position(ListBoxToolbarPosition.Right);

toolbar.Tools(tools => tools

.MoveUp()

.MoveDown()

.TransferTo()

.TransferFrom()

.TransferAllTo()

.TransferAllFrom()

.Remove()

);

})

.ConnectWith("selected")

.DataTextField("PlayerId")

.DataTextField("Name")

.Draggable(true)

.DataSource(ds => ds.Ajax()

.Read(r => r.Url("/League/PreDraftPage?handler=Read").Data("forgeryToken"))

)

@(Html.Kendo().ListBox()

.Name("selected")

.Toolbar(toolbar =>

{

toolbar.Position(ListBoxToolbarPosition.Right);

toolbar.Tools(tools => tools

.MoveUp()

.MoveDown()

);

})

.DataTextField("PlayerId")

.DataTextField("Name")

.BindTo(Model.LeaguePreDraftList)

.Selectable(ListBoxSelectable.Multiple)

public void OnPost()

{

Guid leagueId;

List<LeaguePreDraftViewModel> listModel;

if (ModelState.IsValid)//save the data

{

var name = Request.Form["selected"];

listModel = LeaguePreDraftList;

}

//leagueId = new Guid(id);

//get data from page

}

)

ListBox

answered on 25 Aug 2020

1 answer

1.8K+ views

Kendoo grid with multiple models in view

I have a model which looks like this

public class NotificationModel

{

public List<TableNotificationModel> TableNotificationModel { get; set; }

public List<WrongTableNotificationModel> WrongTableNotificationModel { get; set; }

}

and I have a view with two different Kendo grids. I want to populate the first Kendo grid with the TableNotificationModel and the second grid with the WrongTableNotificationModel.

@model ModelLayer.Models.NotificationModel

@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers

@addTagHelper *, Kendo.Mvc

@using Kendo.Mvc.UI

@{ ViewData["Title"] = "Index"; }

<script src="//cdnjs.cloudflare.com/ajax/libs/jszip/2.4.0/jszip.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>

<link href="https://kendo.cdn.telerik.com/2020.2.513/styles/kendo.common.min.css" rel="stylesheet" />

<link href="https://kendo.cdn.telerik.com/2020.2.513/styles/kendo.default.min.css" rel="stylesheet" />

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

<script>

window.rootUrl = '@Url.Content("~/")';

</script>

<h1>Upload index</h1>

<div>

<h4>Upload file</h4>

<form asp-controller="Upload" asp-action="Upload"

enctype="multipart/form-data" method="post">

<input type="file" name="file" />

<button type="submit" id="btn">Upload</button>

</form>

@if (ViewBag.Message != null)

{

<script>

$(document).ready(function(){

alert('@Html.Raw(ViewBag.Message)');

});

</script>}

</div>

<div class="clearfix">

@(Html.Kendo().Grid<Model.WrongTableNotificationModel>()

.Name("successfullData")

.ToolBar(tools => tools.Excel())

.Pageable(pageable => pageable.Input(true).Numeric(false))

.Scrollable()

.Sortable()

.Filterable()

.ColumnMenu()

.Groupable()

.Columns(columns =>

{

columns.Bound(c => c.OPERATOR_OBJECTID).Title("ID").Hidden();

columns.Bound(c => c.SETTLEMENT_OBJECTID).Title("settlement code").Width("100px");

columns.Bound(c => c.TECHNOLOGY_OBJECTID).Title("tech code").Width("100px");

columns.Bound(c => c.UPLOAD_SPEED_CLASS_OBJECTID).Title("upload").Width("100px");

columns.Bound(c => c.DOWNLOAD_SPEED_CLASS_OBJECTID).Title("download").Width("100px");

columns.Bound(c => c.DATA_CATEGORY_QOS_OBJECTID).Title("data category").Width("100px");

columns.Bound(c => c.SHAPE).Title("shape").Width("100px");

columns.Bound(c => c.messageOut).Title("message").Width("100px");

})

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(20)

.Read(read => read.Action("Upload_Read", "Upload").Data("sendAdditional"))

)

</div>

<div class="clearfix">

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

.Name("unsuccessfullData")

.ToolBar(tools => tools.Excel())

.Pageable(pageable => pageable.Input(true).Numeric(false))

.Scrollable()

.Sortable()

.Filterable()

.ColumnMenu()

.Groupable()

.Excel(excel => excel

.FileName("file.xlsx")

.Filterable(true)

.ProxyURL(Url.Action("Excel_Export_Save", "Upload"))