Questions on UI for ASP.NET Core Forum

1 answer

54 views

Opening an event then dragging the window changes the window colour

Hello,

Opening an event in the schedule and then dragging the window that loads as a result makes the window's background colour to change. It seems to be changing to match the overlay background colour. I can recreate this using the example provided on your documentation

https://demos.telerik.com/aspnet-mvc/scheduler

I've tried this using chrome and firefox and the behavior is the same.

Is this default/expected behavior? Is there any way to override this?

Thanks

Tom

Scheduler

answered on 17 Aug 2020

1 answer

535 views

Problem with form components when loading partial view containing form components

I am using .net core mvc version

I have a partial view that I'm loading using a jquery .load

The partial contains a form, which contains some kendo dropdowns and a kendo editor

Whenever the load completes and the partial view renders in the target div, I see a console error relating to each of the kendo components

VM2091:1 Uncaught TypeError: jQuery(...).kendoDropDownList is not a function
at <anonymous>:1:48
at Object.n [as syncReady] (VM2083 kendo.aspnetmvc.min.js:25)
at <anonymous>:1:7
at DOMEval (jquery.js:111)
at domManip (jquery.js:5762)
at jQuery.fn.init.append (jquery.js:5898)
at jQuery.fn.init.<anonymous> (jquery.js:5992)
at access (jquery.js:3939)
at jQuery.fn.init.html (jquery.js:5959)
at Object.<anonymous> (jquery.js:9892)

When i pull out the code that failed and execute it in the browser console, it works and suddenly the kendo form components work fine again.

an example of the code thats failing is this line

kendo.syncReady(function(){jQuery("#ClientId").kendoDropDownList({"autoBind":true,"dataTextField":"Text","dataValueField":"Value","optionLabel":"Select client...","value":"33526","filter":"contains","dataSource":{"transport":{"read":{"url":"/Client/ClientSelect_Read","data":function() { return kendo.ui.DropDownList.requestData(jQuery("#ClientId")); }},"prefix":""},"serverFiltering":true,"filter":[],"schema":{"errors":"Errors"}}});});

Can anyone tell me how to resolve this error?

General Discussions

answered on 17 Aug 2020

1 answer

148 views

FontFamily

How do I set the font for a selection of Cells to Arial?

Spreadsheet

answered on 13 Aug 2020

4 answers

716 views

Error when converting from Word to PDF

Not sure if this is were I should post this question. I have created a dotnet standard assembly to use with my controller with the PDFViewer that will translate a Word document (docx) to a pdf. I have tried several different methods and get the same error. The error I receive is: "Can not export other than Jpeg and Jpeg2000 and ImageQuality different than High". The document is pretty straight forward with text a barcpde and a table if that helps (a small image of the doc attached). Does anyone have an idea how to fix this? I also created a "this is a test" document and when it is displayed it shows: "PDF file fails to process." I have attached the document.

System.NotSupportedException
HResult=0x80131515
Message=Can not export other than Jpeg and Jpeg2000 and ImageQuality different than High
Source=Telerik.Documents.Fixed
StackTrace:
at Telerik.Windows.Documents.Fixed.Model.Resources.ImageSource.DoOnUnknownData(Byte[] unknownData, ImageQuality imageQuality, Action`1 doOnEncodedData)
at Telerik.Windows.Documents.Fixed.Model.Resources.ImageSource.InitializeImageInfoFromUnknownData(Byte[] unknownData, ImageQuality imageQuality)
at Telerik.Windows.Documents.Fixed.Model.Resources.ImageSource.EnsureImageInfo()
at Telerik.Windows.Documents.Fixed.Model.Resources.ImageSource.get_Width()
at Telerik.Windows.Documents.Fixed.FormatProviders.Pdf.Model.Elements.Objects.ImageXObject.CopyPropertiesFrom(IPdfExportContext context, ImageSource imageSource)
at Telerik.Windows.Documents.Fixed.FormatProviders.Pdf.Export.PdfExportContext.GetResource(ImageSource resource)
at Telerik.Windows.Documents.Fixed.FormatProviders.Pdf.Export.PdfContentExportContext.GetResource(ImageSource imageSource)
at Telerik.Windows.Documents.Fixed.FormatProviders.Pdf.Export.ContentElementWriters.ImageWriter.WriteOverride(PdfWriter writer, IPdfContentExportContext context, Image element)
at Telerik.Windows.Documents.Fixed.FormatProviders.Pdf.Export.ContentElementWriters.MarkableContentElementWriter`1.Write(PdfWriter writer, IPdfContentExportContext context, Object element)
at Telerik.Windows.Documents.Fixed.FormatProviders.Pdf.Export.ContentElementWriters.ContentElementWriterBase.WriteElement(PdfWriter writer, IPdfContentExportContext context, Object element)
at Telerik.Windows.Documents.Fixed.FormatProviders.Pdf.Export.ContentElementWriters.ContentRootWriter.WriteOverride(PdfWriter writer, IPdfContentExportContext context, IContentRootElement element)
at Telerik.Windows.Documents.Fixed.FormatProviders.Pdf.Export.ContentElementWriters.ContentElementWriter`1.Write(PdfWriter writer, IPdfContentExportContext context, Object element)
at Telerik.Windows.Documents.Fixed.FormatProviders.Pdf.Export.ContentElementWriters.ContentElementWriterBase.WriteElement(PdfWriter writer, IPdfContentExportContext context, Object element)
at Telerik.Windows.Documents.Fixed.FormatProviders.Pdf.Model.Elements.DocumentStructure.ContentStream.BuildContentData(IPdfExportContext context, IResourceHolder resourceHolder, IContentRootElement contentRootElement)
at Telerik.Windows.Documents.Fixed.FormatProviders.Pdf.Model.Elements.DocumentStructure.Page.CopyPropertiesFrom(IPdfExportContext context, RadFixedPage fixedPage)
at Telerik.Windows.Documents.Fixed.FormatProviders.Pdf.Model.Elements.DocumentStructure.DocumentCatalog.CopyRadFixedPageProperties(RadFixedPage source, Page destination, IRadFixedDocumentExportContext context)
at Telerik.Windows.Documents.Fixed.FormatProviders.Pdf.Model.Elements.DocumentStructure.DocumentCatalog.CopyPagePropertiesFrom(IRadFixedDocumentExportContext context)
at Telerik.Windows.Documents.Fixed.FormatProviders.Pdf.Model.Elements.DocumentStructure.DocumentCatalog.CopyPropertiesFrom(IRadFixedDocumentExportContext context)
at Telerik.Windows.Documents.Fixed.FormatProviders.Pdf.Export.PdfExporter.Export(IRadFixedDocumentExportContext context, Stream output)
at Telerik.Windows.Documents.Fixed.FormatProviders.Pdf.PdfFormatProvider.ExportOverride(RadFixedDocument document, Stream output)
at Telerik.Windows.Documents.Common.FormatProviders.FormatProviderBase`1.Export(T document, Stream output)
at Telerik.Windows.Documents.Flow.FormatProviders.Pdf.PdfFormatProvider.ExportOverride(RadFlowDocument document, Stream output)
at Telerik.Windows.Documents.Common.FormatProviders.FormatProviderBase`1.Export(T document, Stream output)
at TexasProtax.Document.Pdf.ConvertToPdf.FromWord(String filename) in D:\#bitbucket\TexasProtax\texasprotax.appraisalportal\TexasProtax.Document\Pdf\ConvertToPdf.cs:line 36
at TexasProTax.AppraisalPortal.Web.Areas.Document.Controller.ViewerController.GetDocument(String location) in D:\#bitbucket\TexasProtax\texasprotax.appraisalportal\TexasProtax.AppraisalPortal.Web\Areas\Document\Controller\ViewerController.cs:line 43
at Microsoft.Extensions.Internal.ObjectMethodExecutor.Execute(Object target, Object[] parameters)
at Microsoft.AspNetCore.Mvc.Infrastructure.ActionMethodExecutor.SyncActionResultExecutor.Execute(IActionResultTypeMapper mapper, ObjectMethodExecutor executor, Object controller, Object[] arguments)
at Microsoft.AspNetCore.Mvc.Infrastructure.ControllerActionInvoker.InvokeActionMethodAsync()
at Microsoft.AspNetCore.Mvc.Infrastructure.ControllerActionInvoker.Next(State& next, Scope& scope, Object& state, Boolean& isCompleted)
at Microsoft.AspNetCore.Mvc.Infrastructure.ControllerActionInvoker.InvokeNextActionFilterAsync()

Here is the method:

using System;

using System.Collections.Generic;

using System.IO;

using System.Text;

using Telerik.Windows.Documents.Common.FormatProviders;

using Telerik.Windows.Documents.Flow.FormatProviders.Docx;

using Telerik.Windows.Documents.Flow.FormatProviders.Pdf;

using Telerik.Windows.Documents.Flow.Model;

...

public static Stream FromWord(string filename)

{

using (Stream inStream = File.OpenRead(filename))

using (Stream outStream = new MemoryStream())

{

IFormatProvider<RadFlowDocument> fileFormatProvider = new DocxFormatProvider();

RadFlowDocument document = null;

using (Stream input = File.OpenRead(filename))

{

document = fileFormatProvider.Import(input);

}

//byte[] renderedBytes = null;

IFormatProvider<RadFlowDocument> formatProvider = new PdfFormatProvider();

using (MemoryStream ms = new MemoryStream())

{

formatProvider.Export(document, ms);

//renderedBytes = ms.ToArray();

return ms;

}

PDFViewer

answered on 12 Aug 2020

1 answer

332 views

Add button on window (custom command)

Hello.

I'm doing this example: https://demos.telerik.com/aspnet-core/grid/custom-command

I would like to add a button to the view, the button should redirect to a controller action with a parameter.
attached image

How could I do it?

Grid

answered on 11 Aug 2020

3 answers

611 views

Asp.net core grid can edit go to another page

I still have a developer edition available to me in my downloads and was wondering. In the grid can one tell the edit button to go to another controller / action ?

Regards

Grid

answered on 10 Aug 2020

5 answers

97 views

onDataBound fires before the data loads

I have several treeviews on a page and the ondatabound is firing before the data is loaded, actually, before the tree is ready. Anything that I need to do differently?

Matt

TreeView

answered on 10 Aug 2020

4 answers

128 views

double window content

Hi,

I'm loading dynamically a view from MVC inside my angular application, all the kendo controls renders ok but if the view contains a window the window content apears 2 times , one inside the window and other at the end of the body (Image attached).

The same problem happens with a grid with editor popup (image 2 atached)

I followed the net core mvc getting started tutorial but for include all the js files I added this lines inside angular.json

"scripts": [

{

"input": "../Scripts/AppScripts/jquery.js",

"inject": false,

"bundleName": "jquery"

},

{

"input": "../Scripts/AppScripts/kendo.all.min.js",

"inject": false,

"bundleName": "kendo.all.min"

},

{

"input": "../Scripts/AppScripts/kendo.aspnetmvc.min.js",

"inject": false,

"bundleName": "kendo.aspnetmvc.min"

},

{

"input": "../Scripts/AppScripts/kendo.culture.de-DE.min.js",

"inject": false,

"bundleName": "kendo.culture.de-DE.min"

}

]

and in my index file inside head tag:

<script src="jquery.js"></script>

<script src="kendo.all.min.js"></script>

<script src="kendo.aspnetmvc.min.js"></script>

<script src="kendo.culture.de-DE.min.js"></script>

I created a sample project to reproduce the problem:
https://drive.google.com/file/d/1rydILf7WvVDiLUGZGRBfl4wjZihw2kbw/view?usp=sharing

inside home component.ts comment or un comment the lines :

this.loadUrl('/home/windowDemo');

// this.loadUrl('/home/index');

to see the problem in a view with a single window or in a sample table

Window

answered on 10 Aug 2020

1 answer

238 views

Persistance in Breadcrumb

Hi there,

Recently started using breadcrumb in a ASP.net core application, so far i have no issues with the rendering side of things nor adding items to the breadcrumb.

The main issue i am having is with the breadcrumb persisting during the session, meaning that i cant seem to be able to add to the list of items on entering a new page without the previous ones (except for the root item) being forgotten about.

in _layout.cshtml:

@(Html.Kendo().Breadcrumb()

.Name("breadcrumb")

.Navigational(true

)

.Items(items =>

{

items.Add()

.Type(BreadcrumbItemType.RootItem)

.Href("/")

.Text("Home")

.Icon("home")

.ShowIcon(true)

.ItemClass("root")

.IconClass("root")

.LinkClass("root");

})

)

script present in other pages (specifics in this code change based on the page of course):

$(function () {

var breadcrumb = $("#breadcrumb").data("kendoBreadcrumb");

breadcrumb.items().push({ href: "/Product/Groups", itemClass: "item", type: "item", text: "Product Groups", showText: true, showIcon: false });

breadcrumb.refresh();

});

Breadcrumb

answered on 10 Aug 2020

1 answer

403 views

Local Binding Not Working, Issues Ajax Call

I have a grid that I want to bind to local data. When I try to add a record, the widget tries to make an Ajax post back, instead of adding to the IEnumerable<T>.

I'm running ASP Dot Net Core 3.1 with Razor Pages and Telerik 2020.2.617

My Razor Page is as follows:

@(Html.Kendo().Grid<CreateModel.ModelItem>().Name("grid")

.AutoBind(true)

.BindTo((IEnumerable<CreateModel.ModelItem>)Model.Data.LineItems)

.Columns(cols =>

{

cols.Bound(c => c.Id);

cols.Bound(c => c.Line);

cols.Bound(c => c.Description);

cols.Bound(c => c.Qty);

cols.Bound(c => c.Value);