Telerik Forums
UI for ASP.NET Core Forum
3 answers
1.6K+ views

I am using the example from: https://demos.telerik.com/aspnet-core/pdfviewer/index

No matter what PDF file I put in the code I get the message "PDF file fails to process".  If I use the dialog on the PDF Viewer and go to the exact same PDF file it opens correctly.  Any idea what I am missing?

From Layout.cshtml:

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - TestPDFApp</title>
    <script src="~/js/site.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.2.619/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.2.619/js/jszip.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.2.619/js/kendo.all.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.2.619/js/kendo.aspnetmvc.min.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
    <link rel="stylesheet" href="~/lib/kendo-ui/styles/kendo.common.min.css" />
    <link rel="stylesheet" href="~/lib/kendo-ui/styles/kendo.rtl.min.css" />
    <link rel="stylesheet" href="~/lib/kendo-ui/styles/kendo.bootstrap.min.css" />
    <link href="~/css/site.css" rel="stylesheet" />
</head>

 

From my View:

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.js"></script>
<script>
    window.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.worker.js';
</script>
<div id="example">
    @(Html.Kendo().PDFViewer().Name("pdfviewer")
                //.PdfjsProcessing(pdf => pdf.File(Url.Content("~/wwwroot/PDF/Issue Definitions.pdf")))
                .PdfjsProcessing(pdf => pdf.File(Url.Content("https://demos.telerik.com/kendo-ui/content/web/pdfViewer/sample.pdf")))
                .Height(1200)
    )
</div>
<style>
    html body #pdfviewer {
        width: 100% !important;
    }
</style>

Petar
Telerik team
 answered on 27 Aug 2019
2 answers
130 views

Is there a way to make a column cell in the grid editable when the user clicks the create button on the toolbar but to make the same column cell read only when the user tries to edit the record?  I want the user to be able to add new records but not be able to change the values in a specific field when editing the row.

I can use the beforeEdit function to determine if it is in new or update state but not sure what to do from here.

function beforeEdit(e) {
        if (!e.model.isNew()) {
            alert("Edit");
        }
        else {
            alert("New");
        }
    }

I am using Visual Studio 2017, Net Core 2.1 Telerik 2019.2.619

Thanks.

Rich

Nikolay
Telerik team
 answered on 26 Aug 2019
7 answers
3.4K+ views

I have an angular grid which uses a GridDataResult posting back to an API controller in my .netcore project with a DataSourceRequest parameter.

The first column of my grid has a Guid, declared in a model both server and client side.

When I try filter on this column the server throws an exception:

"Provided expression should have string type".

I have searched both this forum and the MVC forum to try apply a server-side request filter to no avail.

How should this be handled?

Daniel Blendea
Top achievements
Rank 1
 answered on 23 Aug 2019
2 answers
836 views

Hi,

I'm trying to use the Grid inTelerik UI for ASP.NET Core with a remote datasource:

@(Html.Kendo().Grid<DashboardEntry>()
.Name("dashboardGrid")
.Columns(columns =>
{

columns.Bound(p => p.Id).Width(50);
  columns.Bound(p => p.State).Width(100); --> Enum property

})
.AutoBind(false)
.DataSource(dataSource =>
dataSource
.Ajax()
.ServerOperation(true)
.Batch(true)
.PageSize(20)
.Model(model => model.Id(p => p.Id))
.Read(read =>
read.Url("http://localhost:5000/dashboard/entries")
.Type(HttpVerbs.Get))
.Events(events => events.Error("error_handler"))
)
)

The json from server looks like this:

{

Data:[

{0: {Id: 22041, State: "Draft" },

{0: {Id: 22042, State: "Complete" }

],

Total: 2

}

Practically, the enum is actually a string, thanks to a StateConverter : JsonConverter.

But nothing is rendered/displayed in the State column.

How can I make it work?

Thanks.

Daniel Blendea
Top achievements
Rank 1
 answered on 22 Aug 2019
2 answers
162 views

If I have things set up for inline editing and I click on the add button on the toolbar and create my new item, all is well.
The problem crops up when, immediately after saving the new item, I then click on teh edit button for that item. It then correctly opens up the line to make changes,
but you hit update you're create function gets called instead of the update function. Thus I end up with duplicates.

Thanks … Ed

 


Viktor Tachev
Telerik team
 answered on 21 Aug 2019
5 answers
691 views

In scheduler control, I can create a date like Aug 11 8am.
The view model saves the date as UTC :  start = new DateTime(value.Ticks, DateTimeKind.Utc);  
On the Server , I see a -7 hour offset , like Aug 11 1am.
----------------------------------------------------------------------
This wiki says "SchedulerEvent instances are created, where start/end dates are instantiated as JavaScript Date objects. During the process the dates will be offset against the local time."

https://docs.telerik.com/kendo-ui/controls/scheduling/scheduler/timezones

When I load the data back into the  scheduer , it shows the 1am date. Why doesn't the scheduler add my 7 hour offset and show  8am ? Do i need to add kendo.stringify ?

Thanks,Peter

peter
Top achievements
Rank 1
 answered on 21 Aug 2019
2 answers
1.2K+ views

Hello,

I noticed a bug with your Tooltip that I haven't been able to find a solution for in your forums.  When using your tooltip, when I'm scrolled up to the very top of the page and mouse over the button with the tooltip, it displays perfectly fine.  However, when I scroll further down the page and then mouse over the button with the tooltip, the tooltip's position gets pushed down.  It seems to remain static where it is, and doesn't update based on where the element is that it's targeting.  I've attached a couple screenshots to show what I mean by this, and the arrows in each screenshot show what element I'm hovering over to display the tooltip.  The tooltip just displays in the wrong position if I scroll a little bit down the page.  If anyone can help me with the solution to this, please let me know.  Here's my code for the tooltip below:

@(Html.Kendo().Tooltip()
 .For("#denyCredit")
 .Position(TooltipPosition.Bottom)
 .Content("Denied Credit - Follow Up with Vendor using Interrogation Report"))
Petar
Telerik team
 answered on 20 Aug 2019
3 answers
137 views
The data returned by the API is not displayed in the list, and there is no data displayed
Alex Hajigeorgieva
Telerik team
 answered on 19 Aug 2019
5 answers
1.0K+ views

Hello,

we are using a kendo-combobox in our razor-pages application as a search-box. I want to highlight the allready entered text within the results.

For that I need to get the currently entered Input-Value from the Combobox.
But - $('\#customerComboBox').val() just returns the currently SELECTED Item in the Combobox.
(And nothing when no entry is selected)

How can I access the currently entered Input-Text from the <kendo-combobox ...> before the user selects an Item?
(This works within a <kendo-autocomplete ...> -Control)

 

<kendo-datasource name="dataSourceCustomer" server-filtering="true">
<transport>
        <read url="/pages/Custom/?handler=CustomerRead" datatype="json" type="POST" />
    </transport>
</kendo-datasource>
<kendo-combobox name="CustomerComboBox"
    datasource-id="dataSourceCustomer"
    datatextfield="Text"
    datavaluefield="Value"
    filter="FilterType.Contains"
    highlight-first="true"
    template="#=Text # | #=console.log($('\#CustomerComboBox').val()) #"
    >
</kendo-combobox>

 

Thanks in advance and best regards,

Lars

Eyup
Telerik team
 answered on 15 Aug 2019
2 answers
137 views

Hi All

Normally use Telerik with my Xamarin or WPF project, but now have been asked to do a Web front end, which is no problem. I am try to brand the site to my customers own colours etc, so a bit of CSS is required.

While, I'm getting there changing the background, hover colours etc, i'm struggling to find some the the items required for the grid control and a few others.

Is there a definative list of CSS for the Telerik controls e.g k-header is the grid header etc? If not what tools do you guys use for CSS discovery and branding?

Any help appreciated.

 

Thanks

Andy

Nikolay
Telerik team
 answered on 14 Aug 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?