Telerik Forums
UI for ASP.NET Core Forum
1 answer
301 views

I'm trying to create a dropdownlist like in the attached image. The button launches the dropdown and each dropdown item is an action that launches a javascript function. Is this possible with .Net Core?

 

 

Neli
Telerik team
 answered on 06 Oct 2020
1 answer
346 views

Hi, I'm using ASP.Net Core Scheduler and I'm wondering how to change the background colour of Saturday and Sunday to represent the weekend within the Month View. I want the month view to look like what Saturday and Sunday look like in the week view.

Is this possible? 

Dimitar
Telerik team
 answered on 05 Oct 2020
1 answer
107 views

It seems that property settings are ignored.

  • Switch is supposed to say YES/NO but no text is visible.
  • NumericTextBox Max, Min, Step are all ignored.

My form:

    @(Html.Kendo().Form<Customer>()
    .Name("form")
    .HtmlAttributes(new { action = "Layout", method = "POST" })
    .Validatable(v =>
    {
        v.ValidateOnBlur(true);
        v.ValidationSummary(vs => vs.Enable(true));
    })
    .Items(items =>
    {
        items.AddGroup()
            .Label("Registration")
            .Grid(g => g.Cols(1).Gutter(10))
            .Items(i =>
            {
                i.Add()
                     .Field(f => f.Name)
                     .Label(l => l.Text("Name:").Optional(false));
                i.Add()
                    .Field(f => f.TwoFactorEnabled)
                    .Label(l => l.Text("Multi-factor Required:"))
                    .Editor(e =>
                    {
                        e.Switch().Messages(c => c.Checked("YES").Unchecked("NO"));
                    });
            });
 
        items.AddGroup()
            .Label("Licensing")
            .Items(i =>
            {
                i.Add()
                    .Field(f => f.MaximumUserCount)
                    .Label(l => l.Text("Maximum User Count:").Optional(true))
                    .Editor(e =>
                    {
                        e.NumericTextBox().Max(1000).Min(0).Format("n0").Decimals(0).Step(10);
                    });
                i.Add()
                    .Field(f => f.LicenseActivationTimestamp)
                    .Label(l => l.Text("License Activation:").Optional(true))
                    .Editor(e => e.DatePicker()
                        .HtmlAttributes(new {style = "width: 100%", title = "datepicker"})
                        //.Format("MM/dd/yyyy")
                        .DateInput(true));
                i.Add()
                    .Field(f => f.LicenseRenewalTimestamp)
                    .Label(l => l.Text("License Renewal:").Optional(true))
                    .Editor(e => e.DatePicker()
                        .HtmlAttributes(new { style = "width: 100%", title = "datepicker" })
                        .Format("MM/dd/yyyy")
                        .DateInput(true));
            });
    })
    .Events(ev => ev.ValidateField("onFormValidateField").Submit("onFormSubmit").Clear("onFormClear"))
)
Ivan Danchev
Telerik team
 answered on 02 Oct 2020
1 answer
92 views

I have the following Grid.  I need the record/row to be selected on the Grid by default when I go onto this View.  On the Databound Event, I have javascript that works against a Grid assuming I have 1 page.  But, how do I do this when I have multiple pages and the row I want is on Page N?

 

 

@(Html.Kendo().Grid<Person>()
    .Name("grid")
    .Columns(columns =>
    {
        columns.Command(command => command
            .Custom("Select")
            .Click("goDetail"))
            .Width(Glossary.Portal.ButtonWidth);
        columns.Bound(p => p.FirstName)
            .Filterable(ftb => ftb.Cell(cell => cell.Operator("contains")
                .ShowOperators(false)
                .SuggestionOperator(FilterType.Contains)));
        columns.Bound(p => p.LastName)
            .Filterable(ftb => ftb.Cell(cell => cell.Operator("contains")
                .ShowOperators(false)
                .SuggestionOperator(FilterType.Contains)));
    })
    .Pageable()
    .Selectable(s => s.Mode(GridSelectionMode.Single))
    .Sortable()
    .Scrollable()
    .Filterable(ftb => ftb.Mode(GridFilterMode.Row))
    .HtmlAttributes(new { style = "height:550px;" })
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(20)
        .Read(read => read.Action("IndexJson", "Patients").Data("getData"))
        .Model(m => m.Id(p => p.Id))
    ).Events(e =>
    {
        e.DataBound("onGridDataBound");
        e.Change("goGridSelect");
    }))

 

...

    function onGridDataBound(e) {
        // Handle the dataBound event.
        var grid = e.sender;
        //alert(grid == null);

        var personId = $("#personId").val();
        //alert(personId);

        if (grid != null) {
            var dataItem = grid.dataSource.get(personId);
            //alert(dataItem == null);

            if (dataItem != null) {
                var row = $("tr[data-uid='" + dataItem.uid + "']");
                //alert(row == null);

                if (row != null) {
                    grid.select(row);
                    row[0].scrollIntoView();
                }
            }
        }
    }

Petar
Telerik team
 answered on 02 Oct 2020
1 answer
185 views

Hello,

Our team is in the middle of upgrading our applications from ASP.NET MVC 5 to ASP.NET Core 3.1. One of our applications uses the Kendo Editor which we use to store files within our database. We previously used the example provided on Github (https://github.com/telerik/ui-for-aspnet-mvc-examples/blob/master/editor/database-image-browser/DatabaseImageBrowser/Controllers/ImageBrowserController.cs) to store the files in our database. However, when we tried to convert this code to .NET Core, it appears that some of the classes and functions related to image resizing and creating thumbnails do not exist for .NET Core. Specifically the Kendo.Mvc.UI.ImageSize and Kendo.Mvc.UI.ThumbnailCreator classes. Are their any comparable classes/functions that I can use that are compatible with .NET Core?

Please let me know.

Thanks,

Mike

Ivan Danchev
Telerik team
 answered on 02 Oct 2020
12 answers
442 views
How 2 set Foreign key column use Tag helper? Please help.
Eyup
Telerik team
 answered on 02 Oct 2020
3 answers
1.7K+ views

Hi,
I need to hide some options of the dropdownlist called repeat, when im going to create an event.

as you see in the image, i need show only never,daily, and weekly. I saw an example in angular but i cant do it in .Net Core MVC.

Thanks for help me. 

 

Nencho
Telerik team
 answered on 30 Sep 2020
1 answer
200 views

Hi Team

I am getting below error this is working in asp.net but when i migrated in asp.net core i am getting error for kendoui.ttf and kendoui.woff

PFA

Misho
Telerik team
 answered on 30 Sep 2020
1 answer
89 views

Hi Telerik Team,

I can't see from my mobile browser(telephone) my custom commands Attachment, Distribution, Structure. Desktop browser show everything ok.

telerik version: Telerik.UI.for.AspNet.Core 2019.2.619.

Tell me please, why custom command columns is not visible.

 

Code sample:

 

@(Html.Kendo().Grid<WorkFlow.Core.Models.Dto.DocumentTable>()
                                                                                                                        .Name("Grid")
                                                                                                                        .Columns(columns =>
                                                                                                                        {
                                                                                                                            columns.Bound(e => e.Id).Visible(false);
                                                                                                                            columns.Bound(e => e.Number).Title("Номер документа").HtmlAttributes(new { style = "text-align: center;" }).Width(120);
                                                                                                                            columns.Bound(e => e.InboxNumber).Title("Номер вх.документа").Width(120);
                                                                                                                            columns.Bound(e => e.DateReg).Format("{0: dd.MM.yyyy}").Title("Дата регистрации").Width(120);
                                                                                                                            columns.Bound(e => e.OrgName).Title("Откуда").Width(150);
                                                                                                                            columns.Bound(e => e.About).Title("Краткое содержание").Width(200);
                                                                                                                            columns.Bound(e => e.Mail).Title("Факс/Электронный адрес").Width(100);
                                                                                                                            columns.Bound(e => e.DocOwner).Title("От кого").Width(100);
                                                                                                                            columns.Bound(e => e.Address).Title("Адрес").Width(200);
                                                                                                                            columns.Bound(e => e.DepartmentName).Title("Исполнитель").Width(200);
                                                                                                                            columns.Bound(e => e.UserName).Title("ФИО(ОУЧРиДО)").Width(200);
                                                                                                                            columns.Command(command =>
                                                                                                                            {
                                                                                                                                command.Custom("Attachment").Click("openAttachment").Text(" ").IconClass("fa fa-mail-bulk");
                                                                                                                                if (User.IsInRole("Admin"))
                                                                                                                                {
                                                                                                                                    command.Custom("Distribution").Click("openDialog").Text(" ").IconClass("fa fa-mail-bulk");
                                                                                                                                }
                                                                                                                                command.Custom("Structure").Click("openDialogDistribute").Text(" ").IconClass("fa fa-edit");
                                                                                                                            }
                                                                                                                                );
                                                                                                                        })
                                                                                                               
                                                                                                                 .ToolBar(toolbar =>
                                                                                                                 {

                                                                                                                     toolbar.Excel().Text("Экспорт в Excel").HtmlAttributes(new { style = "height:70px;" }).IconClass("fa fa-mail-bulk");
                                                                                                                     if (User.IsInRole("Admin"))
                                                                                                                     {
                                                                                                                         toolbar.Custom()
                                                                                                                        .HtmlAttributes(new { onclick = "onClickCreateOutbox();return false;" })
                                                                                                                        .Name("CreateOutBoxButton").Text("  Создать исходящий документ").IconClass("fa fa-mail-bulk");
                                                                                                                         toolbar.Custom()
                                                                                                                         .HtmlAttributes(new { onclick = "onClickCreateButton();return false;" })
                                                                                                                         .Name("CreateButton").Text("  Создать входящий документ").IconClass("fa fa-mail-bulk");
                                                                                                                     }


                                                                                                                 })

                                                                                                                 .Excel(excel => excel
                                                                                                                                    .AllPages(true))

                                                                                                           .Mobile()
                                                                                                            .Sortable()
                                                                                                            .Pageable()
                                                                                                            .Resizable(resize => resize.Columns(true))
                                                                                                            .Filterable()
                                                                                                            .ColumnMenu()
                                                                                                            .Scrollable()
                                                                                                            .HtmlAttributes(new { style = "height:450px;" })

                                                                                                            .DataSource(datasource => datasource
                                                                                                           .Ajax()

                                                                                                           .PageSize(50)
                                                                                                           .Read(read => read.Action("GetDocuments", "Document", new { year = Model.year, typeDoc = Model.docType }))
                                                                                                           )
                                                                                                           .Resizable(resize => resize.Columns(true))
)
------------

<script type="text/javascript">

    $(document).ready(function () {
        var isMobile = Boolean(kendo.support.mobileOS);

        if (isMobile) {
            $("#Grid").data("kendoGrid").resize();
            alert('i m here');
        }
    });

</script>

Georgi Denchev
Telerik team
 answered on 29 Sep 2020
3 answers
519 views

Hi There ...

How to use tag helper on Grid with Local datasource

@model PromiseOnline.Models.ViewModels.PerintahKerjaHarianViewModel
 
@using PromiseOnline.Models.ViewModels
 
@{
    IList<PkhLphDetailFleetViewModel> PkhLphDetailFleet1ViewModels = Model.PkhLphDetailFleet1ViewModels;
    IList<PkhLphDetailFleetViewModel> PkhLphDetailFleet2ViewModels = Model.PkhLphDetailFleet2ViewModels;
}
 
@(Html.Kendo().Grid(PkhLphDetailFleet1ViewModels)
    .Name("gridPkhDetailFleet1Preview")
    .DataSource(dataSource => dataSource
        .Ajax()
        .ServerOperation(false)
    )
.
.
.
)
Preslav
Telerik team
 answered on 29 Sep 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?