New
Last Updated: 11 Dec 2018 19:46 by Raian
Created by: Raian
Comments: 0
Category: UI for ASP.NET Core
Type: Bug Report
0

Hello good afternoon all right?

I am developing a code where I create a base model of a window and use javascript to be able to define data like autura, width, content (URL) and etc ...
In the example I am doing, I have a menu that according to the ID of the item that I clicked on the menu, it performs a function and according to the ID, it defines the data of the Window, as I do not have a component like "RadWindowManager" to facilitate this part of the creation, I am doing this process:

Component Code:

<nav class="navbar navbar-expand-xl navbar-light bg-light">
        <a class="navbar-brand" href="#">
            <div> <img src="~/images/selo.png" class="pull-left imagem" /> </div>
        </a>
        <a class="navbar-brand" href="#">
            <img src="~/images/softlux.png" class="logo_posicao" alt="">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarText">
            <ul class="navbar-nav mr-auto">
                        <li class="dropdown nav-text">
                            <a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="aoClicar('3,0')">
                                Example Window 1
                            </a>
                        </li>
                        <li class="dropdown nav-text">
                            <a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="aoClicar('6,0')">
                                Example Window 2
                            </a>
                        </li>
                        <li class="dropdown nav-text">
                            <a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="aoClicar('12,0')">
                                Example Window 3
                            </a>
                        </li>
            </ul>
        </div>
</nav>

@(Html.Kendo().Window()
    .Name("FrmGrid")
    .Resizable()
    .Draggable()
    .Content("Loading...")
    .Visible(false)
    .Modal(false)
    )


Scripts Code:

<script type="text/javascript">
        function aoClicar(idItem) {
            switch (idItem) {
                case "3,0":
                    var janela = $("#FrmGrid").kendoWindow().data("kendoWindow");

                    janela.setOptions({
                        title: "Table of Environments",
                        width: 980,
                        height: 440
                    });

                    janela.refresh({
                        url: 'http://' + window.location.hostname + ':' + window.location.port + '/Ambiente/Index'    // Open a Controller and Action as Frame
                    });

                    janela.center().open();
                    break;
                case "6,0":
                    var janela = $("#FrmGrid").kendoWindow().data("kendoWindow");

                    janela.setOptions({
                        title: "Table of Professions",
                        width: 980,
                        height: 400
                    });

                    janela.refresh({
                        url: 'http://' + window.location.hostname + ':' + window.location.port + '/Profissao/Index'    // Open a Controller and Action as Frame
                    });

                    janela.center().open();
                    break;
                case "12,0":
                    var janela = $("#FrmGrid").kendoWindow().data("kendoWindow");

                    janela.setOptions({
                        title: "Table of reasons",
                        width: 980,
                        height: 560
                    });

                    janela.refresh({
                        url: 'http://' + window.location.hostname + ':' + window.location.port + '/Motivo/Index'    // Open a Controller and Action as Frame
                    });

                    janela.center().open();
                    break;
                default:
                    alertify.error('Window not disponible.');
            }
        }
</script>

 

However, I noticed 2 problems in Defining Options such as height, width, title, and content
If I use this method to define:

janela.setOptions({
    title: "Table of reasons",
    width: 980,
    height: 560
});

The final result of the window looks like this:

Note that the Content Frame is passing outside the window border, or in case the background shadow of it, in other browsers the size may even follow the pattern of the shadow, but in Google Chrome you get this part beyond the limit.

If I use this method to set the properties:

var janela = $("#FrmGrid").kendoWindow({
        title: "Table of reasons",
        width: 980,
        height: 560
    }).data("kendoWindow");

When you create the first window, you create it without problems:

Note that even the window is the correct size.
However, if I close and try to open another menu item, properties such as Height, Width, and Title are not updated, see:

As much as I have defined the patterns before opening the window, the only thing that was changed in the window was the URL / Content

I hope you have understood what you want to report, do not forget the texts in the grid or the buttons are not in English, this project I am developing in my native language (In the case of Brazilian Portuguese)

Anyway thank you for your attention and I await your response.
Have a nice day
Approved
Last Updated: 05 Dec 2018 16:43 by ADMIN
View:
@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}
 
<form class="form-horizontal" method="post">
    <h4>Standard textbox:</h4>
    @Html.TextBoxFor(m => m.Candidate.CandidateId)
 
    <h4>Kendo textbox:</h4>
    @Html.Kendo().TextBoxFor(model => model.Candidate.FirstName)
    <div class="form-group">
        <div>
            <button type="submit" class="btn btn-default">Submit</button>
        </div>
    </div>
</form>

Back end:
public class IndexModel : PageModel
{
    [BindProperty]
    public CandidateViewModel Candidate { get; set; }
 
    public void OnGet()
    {
 
    }
 
    public void OnPost()
    {
        ViewData["firstname"] = $"{Candidate.FirstName}";
        ViewData["candidateid"] = $"{Candidate.CandidateId}";
    }
}

Model:
public class CandidateViewModel
{
    [Key]
    [Display(Name = "Candidate ID")]
    public int CandidateId { get; set; }
 
    [Required]
    [Display(Name = "First Name")]
    public string FirstName { get; set; }
}

Inspect the TextBox and Kendo TextBox helpers in the browser. The latter does not render data-val and data-val-required attributes.
New
Last Updated: 21 Nov 2018 14:30 by ADMIN
Created by: Rathish
Comments: 1
Category: UI for ASP.NET Core
Type: Feature Request
1

Hi,

We have  a requirement for circled progress bar. Need to know whether you have specifications regarding the requirement or any optimization need to be done within the given framework to get the desired result. Please find the attached file for reference.

 

Thanks,

Rathish S

New
Last Updated: 02 Oct 2018 18:57 by Octavio
I`m working development and produced I4.0 devices as well app systems since 3 years.  Are Telerick involve in this applications. 
New
Last Updated: 27 Sep 2018 10:17 by ADMIN
Created by: Padhraic
Comments: 0
Category: UI for ASP.NET Core
Type: Feature Request
2
Even when using server side paging some requests can be very long, and may be canceled by the user.  Adding a CancellationToken parameter to the ToDataSourceResultAsync.
New
Last Updated: 26 Sep 2018 16:53 by Mauro
Created by: Mauro
Comments: 0
Category: UI for ASP.NET Core
Type: Feature Request
1
New
Last Updated: 21 Aug 2018 14:32 by Telerik Admin
Created by: Imported User
Comments: 0
Category: UI for ASP.NET Core
Type: Feature Request
1
Provide support for the asp-page-handler attribute to call a handler in an ASP.NET Core 2.1 Razor page in addition to supporting controller/action methods.
New
Last Updated: 15 May 2018 20:48 by ADMIN
I want to design a web page with text and signature input. In Tablet I need to enter the text fields and signature fields using touch pen. I want the web page to allow the touch pen to write comments and signature and save into database
New
Last Updated: 22 Mar 2018 14:30 by ADMIN
Created by: Ehsan
Comments: 0
Category: UI for ASP.NET Core
Type: Feature Request
4
Due to changes in the ASP.NET Core framework and how the Authentication is implemented the MVC5 implementation of the SecurityTrimming option became obsolete. 
New
Last Updated: 22 Mar 2018 09:26 by Telerik Admin
Created by: Satish
Comments: 1
Category: UI for ASP.NET Core
Type: Feature Request
1
Need support for DataTable in Grid in ASP.NET Core 2.0
New
Last Updated: 25 Jan 2018 14:38 by Telerik Admin
Created by: Imported User
Comments: 0
Category: UI for ASP.NET Core
Type: Feature Request
1
Please add an option so that is possible to set Deferred rendering default setting to either true or false globally.

Currently the default is false and can only be overwritten on a control basis and not globally.

This would benefit those customers that have decided that all/most of the controls are rendered as deferred(true). Currently they have to append the Deffered(true) to each of the helpers.
New
Last Updated: 23 Jan 2018 16:36 by Grahame
Created by: Grahame
Comments: 0
Category: UI for ASP.NET Core
Type: Feature Request
1
Allow HTML comments & other tags to be mixed inside kendo tags; eg. I would like to use a <asp-partial name="_template" required=false asp-if="@User.IsInRole("role")> to inject settings/configuration of the kendo component 
New
Last Updated: 05 Sep 2017 14:05 by ADMIN
Created by: Khizar Khan
Comments: 1
Category: UI for ASP.NET Core
Type: Feature Request
2
I have a donut chart which represent as a circle and in middle of cricle there is some text, which needs to drilldown, hence click event need which is very necessary
New
Last Updated: 16 Mar 2017 10:04 by Priyal
Created by: Myo
Comments: 1
Category: UI for ASP.NET Core
Type: Feature Request
2
Hi, Any plan to release asp.core with angular 2 template like mvc5 with angular . 
New
Last Updated: 20 Feb 2017 10:29 by ADMIN
Created by: Bryan
Comments: 0
Category: UI for ASP.NET Core
Type: Feature Request
2
We are building our product using an ASP.NET Core MVC project and are very excited to use the Kendo UI Sass Template.  We took a lot of time to integrate the Bootstrap Sass distribution into the project build process using Gulp and Node.js in Visual Studio to build and minify the Bootstrap Sass files so we have full control over the style and features included in our CSS files to maximize performance.

Part of this process was to make sure we used the same exact process used by Bootstrap to compile the Sass into the CSS so our process did not introduce bugs because the Sass was compiled and minified using different options than the Bootstrap team.

It would be greate if you could include options in the new project wizard to include the Kendo UI Sass template and the code necessary to build the CSS.  Additionally it would be ideal if your Sass  can be compiled and minified using the same options as Bootstrap so that if a team decides to combine and minify that code it will still work as expected.

A bonus would be if you allowed the template to also select to use Bootstrap Sass alongside the Kendo UI Sass so that a project like this can be setup quickly with minimal effort on the developers part.

Thanks for taking this into consideration,

Bryan