Telerik Forums
UI for ASP.NET Core Forum
24 answers
431 views

When trying to select an image from the root folder everything is fine, however when selecting an images from a sub-folder the return path is wrong because it includes to following code %2F between the folder name and the image name instead of the /

This was tried under the Telerik demo site and as well as locally.

Veselin Tsvetanov
Telerik team
 answered on 16 Mar 2020
2 answers
877 views

Using either html or tag helper, the width and height seem to only accept px.  Dialog for other products accept %.  Does Dialog for Asp.Net Core accept %? 

If I edit the output HTML using browser devtools, percentage works fine.  So I'm guessing I'm just missing something.  

Brian
Top achievements
Rank 1
 answered on 12 Mar 2020
1 answer
532 views

Hi,

I need to do display server side validations errors on Edit/Add Screen of Popup.

I have added the custom template through  "TemplateName" and placed it in "EditorTemplates" and I am adding error message at server as :

                ModelState.AddModelError("error1", "Error 1 description");

but. how do I display on the popup. Currently it shows in JavaScript script error handler I have defined as:
              .Events(events => events.Error("error_handler"))   

 

1) I want to display error besides field on the popup. 
2) As soon as I click update the popup closes. I want it to keep open and display error message. I tried  e.preventDefault();  but it doesn't seems to work. It does cancel the grid refresh but window closes.

 

Has anyone done this? is there a sample I can follow.

 

Thanks in advanced.

 

Aleksandar
Telerik team
 answered on 12 Mar 2020
7 answers
465 views

Hello Everyone,

Currently i'm working on  dynamically data binding in kendo pie chart in .net core 3.0.

We have get data from database and values greater than 0 so it's working fine.

but KPI value recieve 0 so pie chart is not draw properly. Please review attached file "PieChartEmpty.PNG"

 

We need to draw Default chart if value received from Database is 0. Please review attached file "ExpectedResult.PNG"

Please provide solution ASAP

 

 

 

 

Preslav
Telerik team
 answered on 12 Mar 2020
20 answers
1.1K+ views

Hi All,

I cant seem to make breadcrumb work inside kendo grid toolbar template.

Heres my code, what did I miss?

Please note that the button menu, user type dropdown, field search dropdown, and searchbox is showing on my grid toolbar.

 

 

@(Html.Kendo().Grid<UsersList>
                                ()

.ToolBar(t =>
                                {
                                    t.ClientTemplateId("GridToolbarTemplate");
                                })

)

 

<script id="GridToolbarTemplate" type="text/x-kendo-template">
                    <div class="menuBtnContainer">
                        <ul id="menu">
                            <li>
                                <span style="font-family: verdana,arial,sans-serif; font-size: 12px;" class="k-pager-refresh k-link k-button k-button-icon" title="Menu"><span class="k-icon k-i-menu"></span></span>
                                <ul>
                                    <li>Sub Item 1</li>
                                    <li>Sub Item 2</li>
                                    <li>Sub Item 3</li>
                                </ul>
                            </li>
                        </ul>

                    </div>
                    <div class="toolbar">
                        <input id="dropdownSource" style="width:200px; display:none; font-family: verdana,arial,sans-serif; font-size: 12px;" />
                        &nbsp;&nbsp;&nbsp;
                        <label class="search-label" for="search">Search</label>
                        <input id="dropdownFilterItems" style="width:150px; display:none; font-family: verdana,arial,sans-serif; font-size: 12px;" />
                    </div>
                    <span class="k-textbox k-grid-search k-display-flex" style="float:left"><input title="Search..." class="k-input" placeholder="Search..." autocomplete="off" style="font-family: verdana,arial,sans-serif; font-size: 12px;"><span class="k-input-icon"><span class="k-icon k-i-search"></span></span></span>
                    <div class="row"></div>
                    <nav id="breadcrumb"></nav>
                </script>

 

 

 <script>
        $(document).ready(function () {
            
            $("#menu").kendoMenu({
                animation: { open: { effects: "fadeIn" } },
                
            });
            $("#dropdownSource").kendoDropDownList({
                dataSource: ["FB Users", "CB Users"],
                //select: "NC Users",
                //change: change
            });
            $("#dropdownFilterItems").kendoDropDownList({
                dataSource: ["Email", "First Name", "Last Name", "Status", "User Type", "Date Created", "Date Last Login"],
                //select: "NC Users",
                //change: change
            });
            $("#breadcrumb").kendoBreadcrumb({
                items: [
                    {
                        type: "rootitem",
                        href: "https://demos.telerik.com/kendo-ui/",
                        text: "All Components",
                        showText: true,
                        icon: "home",
                        showIcon: true
                    },
                    {
                        type: "item",
                        href: "/breadcrumb",
                        text: "Breadcrumb",
                        showText: true
                    },
                    {
                        type: "item",
                        href: "/index",
                        text: "Basic Usage",
                        showText: true
                    }
                ]
            });
            
        });

 </script>

 

 

Dimitar
Telerik team
 answered on 12 Mar 2020
6 answers
1.4K+ views

Hello,

 

I'm trying to utilize some server side filtering as we have a lot of records to filter through and it doesn't make too much sense to do it on the client side.

@(Html.Kendo().Grid<SM.Domain.Med.Explant>()
        .Name("grid").Scrollable(c => c.Enabled(true).Height(1000))
        .DataSource(dataSource => dataSource
            .Ajax()
            .Read(read => read.Action("ExplantKendoInitializer", "MedDevice", new { status = Model.Status }).Data("explantsReadData"))
            )
        .Columns(columns =>
        {
            columns.Bound(c => c.Device.DeviceType.Name)
                .Width(180)
                .Title("Type")
                .HtmlAttributes(new { id = "typeDropdown" })
                .Filterable(filterable => filterable
                        .Cell(cell => cell
                            .DataTextField("Name")
                            .ShowOperators(false)
                            .InputWidth(170)
                            .Operator("contains")
                            .SuggestionOperator(FilterType.Contains)
                            .Template("deviceTypeFilter")
                        )
                    );
 
.Filterable(filterable => filterable
            .Extra(false)
            .Messages(m => m.Info("Items equal to:"))
            .Operators(operators => operators
            .ForString(str => str.Clear()
                .IsEqualTo("Is Equal To")
                .Contains("Contains")
            )

This is the bulk of what most of the grid looks like.

Below is the explantsReadData function that I am referencing in the .Read portion of the DataSource

function explantsReadData() {
            return {
                type: $('#typeDropdown')
            };
        }

 

And the filterable function that we are using if that is of any help.

function deviceTypeFilter(element) {
            element.element.kendoDropDownList({
                dataSource: @(Html.Raw(Json.Serialize(Model.Filters.DeviceTypes))),
                optionLabel: "--Select Device Type--",
            });
        }

I'm trying to pass the parameter into the ExplantKendoInitializer where I am making a DataSourceRequest. However type always returns as null. I'm not sure of the best way to set an Id or Name to the drop down list which has all of what I need to filter against.

 

If there is something I'm missing, or a better way to approach this, please let me know.

 

Be well,

Bradley

VAN
Top achievements
Rank 1
 answered on 11 Mar 2020
1 answer
182 views

I have your Kendo.Mvc.Examples solution and I cannot figure out how your Add Child button works.  I have mimicked your control definition as well as have similar implementations of the controller and models.  However, when I select that button it locks up the browser and eventually asks if I want to abandon the request.  Can you give me an overview of what that button click depends on?

 

Thanks for your help,

Joel

Alex Hajigeorgieva
Telerik team
 answered on 10 Mar 2020
2 answers
332 views

Hi,

I am trying to use Kendo UI ASP.NET core component with the theme I puchased:

https://wrapbootstrap.com/theme/smartadmin-responsive-webapp-WB0573SK0

I can't get it working due to Kendo UI is using JQuery and the theme is using JQuery core and JQuery UI. 

Has anyone experience integrating themes with the asp.net core and hot to isolate the jquery. Kendo UI usings @Html tag so I can't use JQuery noconflict.

 

thanks,

 

amir muhammad
Top achievements
Rank 1
 answered on 10 Mar 2020
1 answer
560 views

Using Bootstrap 4 and navbar class, built a nice little menu that goes across the top on wide screens, then collapses on small screen. But the real magic is that the menu automatically responds and goes vertical when on small screen.  The problem is it is not really themeable the way the Kendo widgets are (and something I really want)  

I cannot for the life of me figure out how to get a menu to flip it's orientation from horizontal to vertical when the screen size shrinks.  I've tried a Responsive Panel, but can't find any events to trigger off of.  I've also tried a Drawer and Toolbar.  Both unsatisfactory.

Anyone else have a suggestion?  This seems like real core functionality for a Menu, but I'm completely stumped.

Martin
Telerik team
 answered on 06 Mar 2020
1 answer
326 views

Hello,

How to set the Foreign key filter value as default value for a new row?

If I have filtered my grid (see picture) and I click add new I want to have that filter value in my dropdownlist of the new row as the default value...

robert

 

Silviya Stoyanova
Telerik team
 answered on 06 Mar 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
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?