Questions on UI for ASP.NET Core Forum

3 answers

164 views

Issues with demo

I'm interested in using the Editor control in a new project, but I'm concerned with the functionality in the Demo (https://demos.telerik.com/aspnet-core/editor/index). For example, how do I change the properties of a cell in a table? If I put my karat in the cell then click the Table Wizard button, I can choose a background color but it creates a whole new table within the cell -- but what I want is to modify the selected cell.

If I select the table, eight boxes appear at the corners and mid-points of the exterior border of the table. I can drag these boxes to resize the table. However, a copy of the boxes remains at the original size and they do not go away unless I refresh the page.

If I click the "View HTML" button then a dialog is displayed, but the text area for the HTML code is only two lines tall. I'm unable to resize the control.

Are these all bugs in the Editor control? Any idea when they may be resolved?

Thanks!

Editor

answered on 31 Aug 2020

1 answer

100 views

I don't see anything

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

122 views

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

1.9K+ 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.1K+ 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

223 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

407 views

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

274 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.7K+ 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"))