Questions on UI for ASP.NET Core Forum

1 answer

311 views

I can see that its possible to use most of the kendo editors for a field, but how do I use a <textarea> and not a textbox? I'm aware that there's the Editor control, but I want pure text, not HTML, RTF or any other markup.

Form

answered on 08 Jul 2020

1 answer

517 views

Toolbar Template with Tag Helper

I'm trying to create a toolbar with a dropdown menu in my grid, similar to the demo shown here: https://demos.telerik.com/aspnet-core/grid/toolbar-template.

I can not find any information on doing it with tag helpers.

Grid

answered on 07 Jul 2020

3 answers

127 views

Telerik Net Core Treeview Template-Get value from inputbox of selected item

How get value from inputbox of selected checkboxitem(and subitems)? I can get label of checked item(item.Name), but i don't now how get value of inputbox.

TreeView

answered on 06 Jul 2020

3 answers

959 views

Dynamically disable grid rows

Hello,

Looking for an easy solution to enable/disable all grid rows based on other values/selections on the page.

The following selectable parameters for the grid gives me exactly what I need but I need to be able to configure the grid based on the user's input values on the page.

.Columns(columns => {

    columns.Bound(e => e.Id).Hidden();

    columns.Select()

        .Width("20px");

    columns.Bound(e => e.Name)

        .Title("Name")

        .Width("400px");

    columns.Bound(c => c.Description)

        .Title("Description")

        .Width("400px");

})

.Selectable(select => select

    .Mode(GridSelectionMode.Single)

    .Type(GridSelectionType.Row)

)

I've tried using the following jquery to toggle the rows, with no luck. 'enabled' is the parameter passed to the function.

var grid = $('#grid').data('kendoGrid');

grid.items().each(

function (index, value) {

$(value).find('.k-checkbox').attr('disabled', !enabled);

}

);

Any suggestions on how I can achieve the functionality needed with the grid component?

Thanks.

Jason

Grid

answered on 03 Jul 2020

3 answers

249 views

Forms and Razor Pages Throws Exceptions

Are Razor Pages supported by the Forms widget. I keep getting an unhandled exception caught in the middleware after the Exception Handler has completed and nothing is returned just the <div></div> that I placed around it

Form

answered on 03 Jul 2020

1 answer

117 views

AutoComplete Client Filtering Demo is Missing Script

The demo here: https://demos.telerik.com/aspnet-core/autocomplete/clientfiltering

is missing this script which is in the other demos.

</script>

It would be helpful to be able to report these things from the page.

AutoComplete

answered on 01 Jul 2020

17 answers

1.0K+ views

Are the Telerik Document Processing libraries Windows only?

I'm building an ASP.Net Core app that fills PDF documents and saves them. I had planned on building it to run on Linux servers and develop on a Mac. But....it appears the document processing libraries are Windows-only? I get an error stating"Could not load type 'System.Windows.Point' from assembly 'WindowsBase...". Is this the case? Does this have to be built and ran on a Windows machine?

General Discussions

answered on 30 Jun 2020

7 answers

157 views

Editor inside of a Splitter pane

I am trying to place an Editor inside of a pane in a Splitter. The only problem is that the Editor goes past the end of the Splitter when I set the height to 100%, creating overflow in the pane, which I have hidden.

The workaround that I have found is putting the editor to have a height of calc(100% - 0px), but I feel as though this should not be necessary. Have I missed something here?

Here is the Tag Helpers with the editor height at 100% which produces the overflow.

<kendo-splitter name="cp-homepage-splitter" orientation="SplitterOrientation.Vertical" style="height:100%;">

<pane size="115px" collapsible="false" resizable="false" scrollable="false" id="cp-homepage-top-pane">

<p class="iv-title iv-title-2">Home page</p>

<p class="alert">Set the content for the first page shown.</p>

</pane>

<pane collapsible="false" resizable="false" id="cp-homepage-bottom-pane" style="height:100%;overflow-y:hidden;">

<kendo-editor name="HomepageEditor" aria-label="editor" style="height:calc(100% - 0px);">

<resizable enabled="false" />

<tools>

<tool name="bold" />

<tool name="italic" />

<tool name="underline" />

<tool name="strikethrough" />

<tool name="fontName" />

<tool name="fontSize" />

<tool name="foreColor" />

<tool name="backColor" />

<tool name="copyFormat" />

<tool name="applyFormat" />

<tool name="justifyLeft" />

<tool name="justifyCenter" />

<tool name="justifyRight" />

<tool name="justifyFull" />

<tool name="insertUnorderedList" />

<tool name="insertOrderedList" />

<tool name="outdent" />

<tool name="indent" />

<tool name="createLink" />

<tool name="unlink" />

<tool name="subScript" />

<tool name="superScript" />

<tool name="tableEditing" />

<tool name="viewHtml" />

<tool name="formatting" />

<tool name="cleanFormatting" />

<tool name="homePageSaveTool" template-id="homePageSaveToolTemplate" />

</tools>

<content>

<h1>Test</h1>

</content>

</kendo-editor>

</pane>

</kendo-splitter>

<script id="homePageSaveToolTemplate" type="text/x-kendo-template">

<button id="saveHomePageBtn" class="k-button k-primary">Save</button>

</script>

Editor

answered on 30 Jun 2020

1 answer

178 views

Persist Current Page on Paging on Telerik ASP.NET Core Razor Pages ListView

@inject Microsoft.AspNetCore.Antiforgery.IAntiforgery Xsrf

@Html.AntiForgeryToken()

<script type="text/x-kendo-tmpl" id="template">

<a class="product CB" href="/de/Details/#:SEOLink#">

<div class="H160 C">

#if (IsIMG == '1') { #

<img src="https://xxxxx.com/img/#:SEOLink#-150.jpg" alt="#:SEOLink#" />

# } #

#if (IsIMG == '0') { #

<div class="fxacce H160"><p>No Image Available</p></div>

# } #

</div>

<hr class="HRGld0" />

</a>

</script>

@(Html.Kendo().ListView<TEST.Pages.Movies.BluRayModel>()

.Name("listView")

.TagName("div")

.HtmlAttributes(new { style = "border: none;" })

.DataSource(dataSource => dataSource

.Ajax()

.Read(r => r.Url(Model.GetRead).Data("forgeryToken"))

.PageSize(30)

)

.ClientTemplateId("template")

.Pageable()

)

<script>

function forgeryToken() {

return kendo.antiForgeryTokens();

}

</script>

Standard List View, nothing special. In the template, there is an "a href" link which redirects the user to a details page for the item.

The user clicks on the item, which redirects them to the details page, this works well.

The problem is when the click the "back" button on the browser to get back to the list view, the paging starts at page 1 and not the page they were looking at (example: page 5)

How can I retain the current page value? I guess I need somehow to fetch the current page the user is looking at, and then store it in a session variable. Thanks for the guidance.

ListView

answered on 30 Jun 2020

4 answers

273 views

DataSourceRequest - validate/error handle filter, sort, group parameters

Hello,

I've followed the example found here: https://demos.telerik.com/aspnet-core/grid/remote-data-binding to create a grid that is bound to remote data. Everything works great. However, my IT security team has run the Rapid7 Appspider security scan on my web application and all that comes up is "vulnerabilities" related to the scanner sending bogus values for the filter, sort, and group parameters to the Grid controller. Here's an example:

Attack type: Buffer Overflow string of 100 characters

Basically it's sending a string of 100+ characters as a value to the "filter" parameter.

https://mysite.com/Grid/Orders_Read?filter=100characterlongstring

In other cases, it's sending potential harmful strings such as ./*][ and %s%f%d%x. The Grid seems to handle it by returning an error, but they may force me to handle/validate these parameters. The problem is I don't see where/how I can do that? Can you please shine some light on how I can prevent these "vulnerabilities"?

Thanks

Grid

answered on 29 Jun 2020