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

Is there anyway to use Kendo for asp.net core with Bootstrap 4 without polluting the default Bootstrap 4 styling? Is it possible to prefix all Kendo styles to not interfere with Bootstrap?

Lack of customization within the SAAS builder is making it very hard to implement Kendo UI.  At this point if we could just get Charts that would be a start.

Is there a list of styles overridden by Kendo?

Teya
Telerik team
 answered on 12 Apr 2019
4 answers
576 views

I've got a grid with column group headers that display the day of week and under each column group are the actual value columns. I want the column group to display the preset value of "Mon", "Tue", etc. but also after show the date. So the final column group header would read "Mon MM/dd/yyyy". I have the date I need to rename the column group header at run-time. How do I go about coding this?

I tried the below but it only renames the value column header and not the group.

$("#timecard th[data-field=MonST]").html("New");

 

This is my code for the group "Mon".

columns.Group(g => g.Title("Mon")
    .Columns(monday =>
    {
        monday.Bound(p => p.MonST).Filterable(false).Sortable(false).ClientTemplate("#if(MonST == 0 || MonST == null || isNaN(MonST)){MonST=null} else {##=parseFloat(MonST).toFixed(1)##}#").Width(40).Title("ST");
        monday.Bound(p => p.MonOT).Filterable(false).Sortable(false).ClientTemplate("#if(MonOT == 0 || MonOT == null || isNaN(MonOT)){MonOT=null} else {##=parseFloat(MonOT).toFixed(1)##}#").Width(40).Title("OT");
        monday.Bound(p => p.MonDT).Filterable(false).Sortable(false).ClientTemplate("#if(MonDT == 0 || MonDT == null || isNaN(MonDT)){MonDT=null} else {##=parseFloat(MonDT).toFixed(1)##}#").Width(40).Title("DT");
    })
);

 

 

 

Tsvetina
Telerik team
 answered on 12 Apr 2019
1 answer
360 views

Hi,

Sorry for a daft question. I am using VS2019, ASP.net Core 2.2, UI for ASP.net Core 2019.1.220. I am trying to bind a site map to the menu as I need security trimming, either using the Html helper or the tag helper. The issue is I am trying to follow  this page: https://docs.telerik.com/aspnet-core/html-helpers/navigation/menu/binding/sitemap-binding 

For the life of me I cannot find a reference SiteMapManager (Step 3) anywhere, have been Googling my fingers to the bone and still can't find anything! Also The example shows the call to populate in a controller, seems an odd place to put it or is the idea that the menu is only populated for example on the first call to the Home Index ?

 

Thanks

 

Chris

 

Veselin Tsvetanov
Telerik team
 answered on 12 Apr 2019
1 answer
1.0K+ views

Hello.  I wanted to know exactly how to check a dynamically generated table of dropdown lists for duplicates.  so, for example, if the user selects the first dropdown in a set of 3 cascaded dropdowns, all 3 dropdowns change value, (of course they have to since they're cascaded together.).  But, if you use a standard jquery function to check for the change event on the LAST dropdown like so:

 

$("input[id$='SkillsId']").change(function () {
         var value = $(this).val();
         $("input[id$='SkillsId']").not(this).each(function () {
             if ($(this).val() == value) {
                 alert("duplicate!");
             } else {
                 alert("no dupes.");
             }
         });
     });

 

This of course, never gets fired, because they're cascaded, which is not good at all.  So, I attached a change event to the last dropdown:

 

@(Html.Kendo().DropDownList()
                  .Name("SkillsRows[" + Model.row + "].SkillsId")
                  .Value(Model.SkillsId.ToString())
                  .HtmlAttributes(new { @style = "width:31%" })
                  .DataTextField("Description")
                  .DataValueField("Id")
                  .DataSource(source =>
                  {
                      source.Read(read =>
                      {
                          read.Action("GetSkills", "Admin")
                          .Data("cba.filterSkills");
                      })
                      .ServerFiltering(true);
                  })
                  .Events(e =>
                  {
                      e.Change("cba.onSkillsIdChanged");
                  })
                  .CascadeFrom("SkillsRows_" + Model.row + "__SkillsTypeId")
                  )

 

function onSkillsIdChanged(event) {
    var value = this.element.val();
    $("input[id$='SkillsId']").not(this).each(function () {
        if ($(this).val() == value) {
            alert("duplicate!");
        } else {
            alert("no dupes.");
        }
    });
}

 

This fires the onSkillsIdChanged() event, but the alerts never appear, and I could never obtain the ID of the element that fired the event, which is not good, but they do work in a simple example with hardcoded id's.  So, exactly what is the solution?  AND, FYI, the first 2 dropdowns with the code above work fine, and I was able to obtain both the sending element ID and selected dropdown value, but NOT the last one (3rd one).  Why is that?  This is a simple example that just doesn't work, and the documentation is no help at all.  

 

Thanks

 

Chris
Top achievements
Rank 1
 answered on 12 Apr 2019
2 answers
1.0K+ views

Hello,

I have a Kendo Grid that gets filtered by a DropDownList box located in the grid's toolbar in a ClientTemplate.  I'm trying to set the value/index of the DropDownList box to a specific value (e.g. 2), based on a value I obtain from my DB, on page load.  I was trying to achieve this by setting a ViewData value in the "List" action method that is responsible for filling the Grid with data, and then setting the DropDownList's value in $(document).ready() function in the View where the Grid is located.  The problem is that I cannot access the DropDownList by using $("#filter").data("kendoDropDownList).  This always returns "undefined".  How do I access this DropDownList box that is located inside a client template for the grid's toolbar to set it's value?

Thanks.

My Grid (partial):

@(Html.Kendo().Grid<Model>()
.Name("Grid")
.Columns(columns =>
{
     columns.Bound(c => c.Value1);
     columns.Bound(c => c.Value2);
})
.ToolBar(toolbar =>
{
     toolbar.ClientTemplateId("GridToolbarTemplate");
})
.....

 

Here's the template:

<script id="GridToolbarTemplate" type="text/x-kendo-template">
     <div>
         <label class="category-label" for="category">Filter</label>
         @(Html.Kendo().DropDownList()
                     .Name("filter")                           
                     .OptionLabel("All")
                     .DataTextField("Text")
                     .DataValueField("Value")
                     .Events(e => e.Change("thresholdChange"))
                     .HtmlAttributes(new { style = "width: 60px;" })
                     .BindTo(new List<SelectListItem>()
                     {
                         new SelectListItem() {
                             Text = "1", Value ="1"
                         },
                         new SelectListItem() {
                             Text = "2", Value ="2"
                         },

                         new SelectListItem() {
                                       Text = "3", Value ="3"
                                 }

                     })
                     .ToClientTemplate()
         )
     </div>
 </script>

 

 

 

 

 

 

 

 

Tsvetomir
Telerik team
 answered on 11 Apr 2019
4 answers
319 views

Hello,

if I set .Selectable(s => s.Mode(GridSelectionMode.Multiple)) I cannot select a text in a grid cell for copy - why?

is this by design and if yes, is there a workaround?

 

robert

Robert Madrian
Top achievements
Rank 1
Veteran
Iron
 answered on 11 Apr 2019
1 answer
338 views

 I have a gridview that displays images using your example at: https://demos.telerik.com/kendo-ui/listview/index.

However I don't want the control to expand but I want it to scroll vertically as new items are added to it. How can I accomplish this?

Konstantin Dikov
Telerik team
 answered on 09 Apr 2019
10 answers
627 views

1) My primary question is speed for large data sets.  If Kendo UI exports the data in this grid that contains 3475 records it takes 14-15 minutes.  The resulting PDF is fine but the time taken is not practical.

Are there any options here?

2) Any additional options for this in terms of adding rows, graphics etc.?

3) Are there any options for converting an Excel file to PDF using Kendo?

 

Alex Hajigeorgieva
Telerik team
 answered on 09 Apr 2019
3 answers
138 views

Current project we started after purchasing the telerik in last year which 2018 version. Again we purchased in this /-2019, after that we download and installed the latest  product. our project smoothly and no error comes.

Yesterday I try to add one web-service of which successfully added and its added some packages. The packages shows that it is version (when I checked via  package manager- see image link attached), I tried to update package via update button, at that time it gives the below error.

"Error The local source 'C:\Program Files (x86)\Progress\Telerik UI for ASP.NET Core R1 2018\wrappers\aspnetcore\Binaries\AspNet.Core' doesn't exist.0"

How to resolve this?

VS2017 - error page and packages

Local pc file explorer where the error shows the path

 

 

Georgi
Telerik team
 answered on 09 Apr 2019
1 answer
116 views
If I have a script inside a Partial, help me understand how I can call a script on the Host/Parent View.  So, from a Grid Command, how do I call a function locally to capture a value then feed that value to the Host/Parent View?
Alex Hajigeorgieva
Telerik team
 answered on 08 Apr 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?