Telerik Forums
UI for ASP.NET Core Forum
0 answers
222 views

Hi, I am using ASP Net Core UI in my web app. There is a tabstrip which contains 5 tabs. In each table I can edit/update contents. After I submit/save/update  in a tab, the tabstrip alway return to default selected tab. How to prevent that, so user always stay in the current tab after a action? I don't have ASP NET Ajax UI package.

Any suggestion?

thanks,

<div class="k-content">
    @(Html.Kendo().TabStrip()
          .Name("tabstrip")
          .Items(tabstrip =>
          {

              tabstrip.Add().Text("All Waitlist Courses")
               .Selected(true)
                           .LoadContentFrom("Index_ALLCRS", "AdminWaitlistCRSByProfile");
              tabstrip.Add().Text("Active Courses")
                          .LoadContentFrom("Index_AllCRS_Active", "AdminWaitlistCRSByProfile");
              tabstrip.Add().Text("Inactive Courses")
                           .LoadContentFrom("Index_AllCRS_Inactive", "AdminWaitlistCRSByProfile");
              tabstrip.Add().Text("Waitlist by Courses")
                        .LoadContentFrom("WaitlistByCourse", "AdminWaitlistCRSByProfile");
              tabstrip.Add().Text("Waitlist by Students")
                       .LoadContentFrom("WaitlistByStudent", "AdminWaitlistCRSByProfile");
              tabstrip.Add().Text("Test Grouping")
                      .LoadContentFrom("WaitlistByCourse_test", "AdminWaitlistCRSByProfile");

          })
    )
</div>

 

 

G
Top achievements
Rank 1
 asked on 01 Apr 2022
1 answer
129 views

Hello,

Is it possible to divide a line into four and these four fields can be edited, like this?

Regard,

Mihaela
Telerik team
 answered on 30 Mar 2022
0 answers
152 views

We have successfully implemented the Copy and Export in our product as shown in the demo here.

We observed two things that we consider anomalous, which also happen on the demo page:

  • if we select multiple non-contiguous rows and copy them to clipboard, the copied text contains blank rows instead of the unselected ones in the range
  • if we export with headers, in the resulting Excel file the headers are repeated for each selected row

Is there any way to avoid these behaviors?

FMS
Top achievements
Rank 1
 asked on 30 Mar 2022
1 answer
688 views

While Security Testing of application through OWASP Zap tool Medium risk level alert 'Absence of Anti-csrf Token'  is popping up for form tag in Kendo.all.min.js

Even I tried to update kendo version to 2022 (Latest) in Kendo.all.min.js

Are there any ways to resolve it ?

 

Aleksandar
Telerik team
 answered on 29 Mar 2022
0 answers
86 views

Ended up being some css styling i was overriding that doesn't work in the new update

This can be deleted

Tyler
Top achievements
Rank 1
Iron
 updated question on 28 Mar 2022
1 answer
393 views
I am using .NET Core and implementing a treelist with a custom row template.  Therefore, I have to use popup editing.  The window that pops up looks terrible and it contains many fields that I do NOT want to show.  How can I customize the window to use dropdowns, comboboxes etc and only display the fields that I want to edit?
Mihaela
Telerik team
 answered on 25 Mar 2022
1 answer
792 views

Hi everyone.

I've got a grid on my razor page populated from a list of API-sourced records and none of the fields are displaying on there.  I'm using local binding direct from an incoming model property...

@(
Html.Kendo().Grid(Model.AllAccounts)
.Name("Grid")
.Columns(columns =>
{
columns.Bound(b => b.AccountId).Visible(false);
columns.Bound(b => b.AccountDescription).Title(Model.AccountDescriptionLabel);
columns.Bound(b => b.AccountHolder).Title(Model.AccountHolderLabel);
columns.Bound(b => b.ContractsCount  ).Title("Total Contract(s)");
columns.Bound(b => b.ContactsCount).Title("Total Contact(s)");
columns.Bound(b => b.UsersCount).Title("Total User(s)");
columns.Command(command => command.Custom(Model.AccountDetailsButtonText).Click("showDetails"));
})
.Pageable()
.Sortable()
.Scrollable(scr=>scr.Height(430))
.Filterable()
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.ServerOperation(false)
.Events(events => events.Error("error_handler")
)
)
)


If I look at the records in debug then everything is populated, but the fields aren't showing on the grid row (Empty Grid Row.jpg).

I've got a button on the row linked to the record and if I intercept the dataitem in the script you can see that the camel case fields are populated but the pascal case ones aren't (which is definitely not the case when viewing records in debug!) (Data Item Grab.jpg).

I've followed the first two options in the guidance about the camel case issue from the JSON Serialisation Page but nothing is working for me (snippet of Program.cs follows).

// Add services to the container.
services.AddControllersWithViews()
    .AddJsonOptions(options =>
                options.JsonSerializerOptions.PropertyNamingPolicy = null);

Can anyone advise me what to do here? I've lost most of today on this issue.

Thanks for your time!

 

Aleksandar
Telerik team
 answered on 25 Mar 2022
1 answer
483 views

I have a Telerik Window with an Telerik Wizard as its content.

I've implemented 7 steps. In the first step I have an Radiogroup. Depending of the groups value i disable step 2 and 3 and if I click "Next"-Button I want to skip them and jump to step 4.

Here are some code snippets:

 

OnChange event of the RadioGroup in step 1:
function onChangeCancelType(radioGrp) { 

        var $j = jQuery.noConflict(); 
        var wizard = $j("#CancelWizard").data("kendoWizard"); 

        if (radioGrp.newValue === '1') { 
            wizard.enableStep(1, true); 
            wizard.enableStep(2, true); 
        } else { 
            wizard.enableStep(1, false); 
            wizard.enableStep(2, false); 
        } 
    } 

 

OnClick event of Next-button:


function onClickStep1(e) { 
        e.preventDefault(); 
        var $j = jQuery.noConflict(); 
        var wizard = $j("#CancelWizard").data("kendoWizard"); 
        var radioGrp = $j("#CancelType").data("kendoRadioGroup"); 

        if (radioGrp.value() === '2') { 
            wizard.select(3); 
        } else {
            wizard.select(1);
        }
    } 

 

What happens is, that in case of selecting Radiogroup value 2 the wizard jumps to step 5 instead of step 4.

I'm sure there is something stupid I oversee here.

Thank's for help

Timo

Mihaela
Telerik team
 answered on 24 Mar 2022
1 answer
124 views

I'm basing my code on this example: Remote binding in ASP.NET Core PivotGrid Component Demo | Telerik UI for ASP.NET Core

I'm modifying someone else's app working with Asp.Net Core 5

My code is;

    @(Html.Kendo().PivotConfigurator()
        .Name("configurator")
        .Filterable(true)
        .Height(570)
    )

 

When I try to run it, I get this error:

II get a similar error for @(Html.Kendo().PivotGrid<CommissionReceivedViewModel>()

What would be causing this?

Thanks in advance

Alexander
Telerik team
 answered on 22 Mar 2022
1 answer
546 views

I'm having some issues with pivot grid and need some assistance. 

I'm trying to create a pivot grid that looks something like this.  It's a simple example that I would be expanding on.  It shows the total commission received from a company by year.

 I've two questions:

  • 1) Can I get the data directly from the SQL Table without going into a list
  • 2) Why is nothing showing up in the pivot grid

Right now I'm testing in Asp.Net Core .Net 6 and Telerik.UI.for.AspNet.Core 2022.1.301

The model looks like this

    public class CommRecd
    {
        public Guid Id { get; set; }
        public DateTime ReceivedDate { get; set; }
        public string? CompanyName { get; set; }
        public Decimal ReceivedAmount { get; set; }
        public int ReceivedYear { get; set; }
    }

The controller method is below and I've confirmed that objCommList contains the data

        public IActionResult PivotGrid()
        {
            IEnumerable<CommRecd> objCommList = _db.CommRecd;
            return View(objCommList);
        }

I'm basing my code on this example Remote binding in ASP.NET Core PivotGrid Component Demo | Telerik UI for ASP.NET Core with the code shown below.

@using Application.Models;
@model IEnumerable<CommRecd>
@{ ViewBag.Title = "Commission Received Report"; }
@Html.AntiForgeryToken()

<div class="k-pivotgrid-wrapper">
    @(Html.Kendo().PivotConfigurator()
        .Name("configurator")
        .HtmlAttributes(new { @class = "hidden-on-narrow" })
        .Filterable(true)
        .Sortable(true)
        .Height(570)
    )

    @(Html.Kendo().PivotGrid<CommRecd>()
        .Name("pivotgrid")
        .Configurator("#configurator")
        .ColumnWidth(120)
        .Filterable(true)
        .Height(570)
        .DataSource(dataSource => dataSource
            .Ajax()
            .Schema(schema => schema
                .Cube(cube => cube
                    .Dimensions(dimensions => {
                        dimensions.Add(model => model.CompanyName).Caption("All Companies");
                        dimensions.Add(model => model.ReceivedAmount).Caption("All Amounts");
                        dimensions.Add(model => model.ReceivedYear).Caption("All Years");
                    })
                    .Measures(measures =>
                    {
                        measures.Add("Sum").Format("{0:c}").Field(model => model.ReceivedAmount).AggregateName("sum");
                    })
                ))
            .Columns(columns =>
            {
                columns.Add("ReceivedDate").Expand(true);
            })
            .Rows(rows => rows.Add("CompanyName").Expand(true))
            .Measures(measures => measures.Values("Sum"))
            .Events(e => e.Error("onError"))
        )
    )
</div>
<div class="responsive-message"></div>

<script>
    function onError(e) {
        alert("error: " + kendo.stringify(e.errors[0]));
    }
</script>

My output looks like this


Thanks for any suggestions

 

Alexander
Telerik team
 updated answer on 22 Mar 2022
Narrow your results
Selected tags
Tags
+116 more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
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
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?