Questions on UI for ASP.NET Core Forum

1 answer

167 views

Remove Icon not showing in Kendo UI Upload control also duplicate files appear

Hi guys,

I am using Kendo UI Upload to upload files the upload works fine however there are two things I am facing... I am using Arabic RTL Version

Now here is the problem, when I upload the files it get duplicated however, I only upload it once only.

Secondly the remove icon is not showing but the functionality is there just the icon not appearing....

I use the following CDN links in my layout files.

    <link href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.bootstrap-v4.min.css" rel="stylesheet" type="text/css" />
    <script src="https://kendo.cdn.telerik.com/2020.1.406/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2020.1.406/js/jszip.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2020.1.406/js/kendo.all.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2020.1.406/js/kendo.aspnetmvc.min.js"></script>

Also, I want to know, How I can bind The ViewModel property name to Kendo UI Extension methods? like we do with normal html controls using asp-for="@Model.Student.Name"

  @(Html.Kendo().Upload()
                                      .Name("files")
                                      .HtmlAttributes(new { aria_label = "files" })
                                      .Validation(validation => validation.AllowedExtensions(new string[] { ".pdf" }))
                                      )

Anyone Can Help?

Upload

answered on 18 Oct 2021

1 answer

300 views

Razor Web Application, displaying a razor page in a Kendo window

How do I code this for a razor web application. How do I code the content-url paramater?

Here is an MVC example of displaying a page in a Kendo window: https://demos.telerik.com/aspnet-core/window/tag-helper

@addTagHelper *, Kendo.Mvc

@{
    string[] actions = new string[] { "Close" };
}

<kendo-window name="window"
              title="Rams's Ten Principles of Good Design"
              draggable="true"
              resizable="true"
              width="600"
              on-close="onClose"
              content-url="@Url.Action("AjaxContent_TagHelper", "Window")"
              actions="actions">
    <content>
        loading user info...
    </content>
    <popup-animation enabled="false" />
</kendo-window>

<span id="undo" style="display:none" class="k-button">Click here to open the window.</span>

<script>
    function onClose() {
        $("#undo").show();
    }

    $(document).ready(function() {
        $("#undo").bind("click", function() {
                $("#window").data("kendoWindow").open();
                $("#undo").hide();
            });
    });
</script>

Window

updated answer on 15 Oct 2021

1 answer

195 views

Spreadsheet OnChange event doesn't track the modification of cell and DataAnnotation

OnChange event doesn't track the cell modification after add data to the original value. (screenshot on the demo).
Another question, I use the annotations on my viewmodel but it does not appear in the spreadsheet ? (same things on the site demo https://demos.telerik.com/aspnet-core/spreadsheet/datasource => [Display(Name = "Product name")] into the viewmodel but not in the spreadsheet) ?

Regards,

Florian.

Spreadsheet

answered on 15 Oct 2021

1 answer

104 views

Universally Filtering TabString Grid in Kendo Grid For Asp.Net Core

Hello everyone.

I have a hierarchical grid, using ClientDetailTemplate, and everything works just fine, thanks to your detailed demo.

But I have a problem with filtering the whole grid (both the main grid and the tabbed grids). I have an input on main grid's toolbar through which the user can filter every column with the inserted text, but in this particular grid, it only filters the main grid and not the content of tabbed ones. I was wondering is there a way to filter the whole grid?

Grid

answered on 15 Oct 2021

0 answers

126 views

FileManager feature request

Request to impalement this common feature for FileManager

1) Back and Forward feature / button

2) Cut, Copy and Paste feature /Button

FileManager

asked on 15 Oct 2021

1 answer

163 views

Is it possible to apply sort.mode = "mixed" on an ASP.NET Core Grid Component?

I have noticed in the documentation that a "mixed" sort mode is possible in the Grid found in Kendo UI for jQuery, but not in Telerik UI for ASP.NET Core (or MVC). Is this a deliberate difference in the feature sets? Is there a workaround available for applying a mixed sort in other grid types, or is this deliberately only available in jQuery?

Thanks

Grid

answered on 14 Oct 2021

1 answer

813 views

PdfViewer question

Hi I'm using PdfViewer on a a view and it works fine. The page contains a grid with more than one pdf file link and everithing works fine loading the viewer when grid select other lines.

I face a problem when the PDF file is occasionally corrupted, (rare case but can happen). In this case PdfViewer shows an error dialog "PDF file fails to process" and this is right. But after that error the PdfViewer object on the page become corrupted and show in console:

kendo.pdfviewer.js:1885 
        
       Uncaught TypeError: Cannot read properties of undefined (reading 'canvas')
    at r._calculateZoom (kendo.pdfviewer.js:1885)
    at r.exec (kendo.pdfviewer.js:1840)
    at init.execute (kendo.pdfviewer.js:2435)
    at init.zoom (kendo.pdfviewer.js:2425)
    at init.fromFile (kendo.pdfviewer.js:2502)
    at init.grid_row_select (VisDocForni?CodFor=000623:348)
    at init.trigger (kendo.all.js:164)
    at init.change (kendo.all.js:67990)
    at init.trigger (kendo.all.js:164)
    at init._notify (kendo.all.js:30078)

for any other valid PDF loading request, unless I refresh the page. I don't know how to reset PdfViewer in the "Error" event when it happens.

Thanks

Dome

PDFViewer

answered on 14 Oct 2021

1 answer

274 views

Right align Kendo-Textboxes in a Dialog

I'm wondering if Telerik has pre-defined CSS to right align a group of kendo-textboxes in a div? I am using a slightly modified default Theme. I'd like these to line up nice and cleanly so it doesn't look jagged like this?

@{
    ViewData["Title"] = "Modify Patient";
    Layout = null;
}

@{
    var sexesList = new List<SelectListItem>() { new SelectListItem { Text = "Male", Value = "M" }, new SelectListItem { Text = "Female", Value = "F" } };
}
<div>
    <kendo-textbox name="SubjectID" placeholder="" value="" readonly="false" class="k-hidden"/>
    <div>
        <kendo-textbox name="FirstName" placeholder="" value="" readonly="false">
            <textbox-label content="First Name" floating="false" />
        </kendo-textbox>
    </div>
    <div>
        <kendo-textbox name="MiddleName" placeholder="" value="" readonly="false">
            <textbox-label content="Middle Name" floating="false" />
        </kendo-textbox>
    </div>
    
    <div>
        <kendo-textbox name="LastName" placeholder="" value="" readonly="false">
            <textbox-label content="Last Name" floating="false" />
        </kendo-textbox>
    </div>
    <div>
            <kendo-textbox name="MedicalRecordNumber" placeholder="" value="" readonly="false">
                <textbox-label content="MRN" floating="false" />
            </kendo-textbox>
        </div>
    <div>
        <label>Date Of Birth</label>
        <kendo-dateinput name="DateOfBirth" format="MMM/dd/yyyy">
        </kendo-dateinput>
    </div>
    <div>
        <label>Sex</label>
        <kendo-dropdownlist name="Sexes"
                            datatextfield="Text"
                            datavaluefield="Value"
                            bind-to="sexesList">
        </kendo-dropdownlist>
    </div>
    <div>
        <kendo-datasource name="clinic_doctors_list" type="DataSourceTagHelperType.Ajax" server-operation="false">
            <transport>
                <read url="@Url.Action("List_Doctors", "Clinic")" />
            </transport>
        </kendo-datasource>
        <span>
            <label>Doctor:</label>
            <kendo-dropdownlist name="Doctor" option-label="Doctor" placeholder=""
                                datatextfield="FullName"
                                datavaluefield="ClinicUserID"
                                datasource-id="clinic_doctors_list">
            </kendo-dropdownlist>
        </span>
    </div>
    <div>
        <kendo-textbox name="AddressLine1" placeholder="address" value="" readonly="false">
            <textbox-label content="Address Line 1" floating="false" />
        </kendo-textbox>
    </div>
    <div>
        <kendo-textbox name="AddressLine2" placeholder="" value="" readonly="false">
            <textbox-label content="Address Line 2" floating="false" />
        </kendo-textbox>
    </div>

    <div>
        <kendo-textbox name="City" placeholder="" value="" readonly="false">
            <textbox-label content="City" floating="false" />
        </kendo-textbox>
    </div>
    <div>
        <kendo-datasource name="usa_state_list" type="DataSourceTagHelperType.Ajax" server-operation="false">
            <transport>
                <read url="@Url.Action("List_USA_States", "Clinic")" />
            </transport>
        </kendo-datasource>
        <span>
            <label>State:</label>
            <kendo-dropdownlist name="State" option-label="State" placeholder=""
                                datatextfield="StateName"
                                datavaluefield="StateAbbreviation"
                                datasource-id="usa_state_list">
            </kendo-dropdownlist>
        </span>
    </div>
    <div>
        <kendo-textbox name="Country" placeholder="" value="USA" readonly="true">
            <textbox-label content="Country" floating="false" />
        </kendo-textbox>
    </div>
    <div>
        <kendo-textbox name="ZipCode" placeholder="" value="" readonly="false">
            <textbox-label content="Zip" floating="false" />
        </kendo-textbox>
    </div>
    <div>
        <kendo-textbox name="SubjectPhone" placeholder="" value="" readonly="false">
            <textbox-label content=" Phone " floating="false" />
        </kendo-textbox>
    </div>
    <div>
        <kendo-textbox name="SubjectAltPhone" placeholder="" value="" readonly="false">
            <textbox-label content="Alternate Phone Number" floating="false" />
        </kendo-textbox>
    </div>
    <div>
        <kendo-textbox name="SubjectEmail" placeholder="" value="" readonly="false">
            <textbox-label content="Email" floating="false" />
        </kendo-textbox>
    </div>

</div>

Thanks,

Russ

Dialog

TextBox

answered on 14 Oct 2021

1 answer

368 views

Group field validation

I have a group of fields on a form. It is OK if they are all empty, but if one in the group has data, they all must have data. There are other fields with other validation rules that are not part of the group.

The fields are a combination of TimePicker, NumericTextBox, TextBox, MaskedTextBox, ComboBox and RadioButton. The fields always appear in a group so they aren't spread out all over the form.

The values need to be checked before the form is saved.

What's the best way of checking for all fields null or not null and if they are not all null or all not null then display a message. Ideally it would be nice to display which fields are missing.

I'm using the MVVM pattern

TIA