Questions on UI for ASP.NET Core Forum

2 answers

133 views

I'm trying to create a Telerik ASP .NET Core MVC Application (Grid Razor Pages) that uses .NET 5. However, there's not an option for .NET 5. Is this not possible?

Thanks,

Tim

Installer and VS Extensions

answered on 20 Nov 2020

3 answers

1.1K+ views

ABP.io framework

Is there a user who has succesfully used UI for ASP.Net Core in ABP.io commercial?

ABP.io loads all scripts at the bottom of the page but kendo requires it's scripts to be loaded near/at the top of the page.

We do not have access to the supplied theme pages, so we are unable to move the scripts ourselves.

I am already engaging with ABP.io support to resolve this, but i am curious if someone else already has been able to work around these limits.

General Discussions

answered on 20 Nov 2020

5 answers

277 views

Sass theme based on bootstrap 4 issues

Hi,

I've been trying to use the sass theme builder to replace the kendo theme delivered by the CDN here https://kendo.cdn.telerik.com/2020.2.513/styles/kendo.bootstrap-v4.min.css

When I go on the SASS builder, select to start based on bootstrap 4, I change the colours and download the compiled .css but there are some fundamental differences in the bootstrap source between the standard theme and the generated theme.

My understanding is that the theme produced by the themebuilder should be the same with the only difference being the colour, however I've already noticed the following differences

CDN version

.k-textbox { padding: .375rem .75rem; ...

SASS generated version

.k-textbox { padding: 0; ...

another one (slightly different css selected but different display type for form component.

CDN version

.k-dropdown .k-dropdown-wrap .k-input, .k-dropdowntree .k-dropdown-wrap .k-input { display: flex;...

SASS version

.k-dropdown, .k-dropdowntree { display: inline-flex;

So in summary if I use the SASS generated version, I will have to override a number of the generated css that is not relating to color theme in order to 'fix' it back to bootstrap standards. This is undesirable. I just want to be able to switch in the SASS generated version to replace the color set which is how I understand it should work.

thanks

General Discussions

answered on 19 Nov 2020

1 answer

98 views

Change the editor template of a cell when a dropdown value is selected in another cell

Is there an example available where an editor template is loaded from the EditorTemplates folder when a value is selected from a Kendo DropDownList in another cell from the same row?

Grid

answered on 19 Nov 2020

9 answers

421 views

progressbar in a column

I'm trying to add a bar in a column to show the percentage

I approached it by attempting to put a progressbar in the column.

I am not sure how to bind the value through.

if this is not the correct approach or I could get some help with the syntax I would appreciate any help.

<div class="row">

<div class="col-md-12">

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

.Name("kitsOverviewGrid")

.Columns(columns =>

{

columns.Bound(p => p.SeqKit).Title("Kit#");

columns.Bound(p => p.Assembly).Title("Assembly");

columns.Bound(p => p.DateToPickStart).Title("Start Date").Format("{0:MM/dd/yyyy}");

columns.Bound(p => p.StatusName).Title("Status");

columns.Bound(p => p.KitQty).Title("Kit Qty");

columns.Bound(p => p.PercentCompletelyIssued)

.Title("Completely Issued")

.ClientTemplate(

Html.Kendo()

.ProgressBar()

.Name(Guid.NewGuid().ToString())

.Type(ProgressBarType.Percent)

.ToClientTemplate().ToString());

})

.Pageable()

.Sortable()

.Scrollable()

.Filterable()

.HtmlAttributes(new { style = "height:550px;" })

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(20)

.Read(read => read.Action("GetKitsOverView", "KitsOverview"))

)

</div>

Grid

answered on 19 Nov 2020

3 answers

230 views

Refresh the data in the popupeditor other grid

Hi all,

I have s pretty complex grid set up that uses a popupeditorto edit records. In this popupedsitor i included two child grids that are (through the ToClientTemplate method) perfectly working as should. I only have 1 remaining requirement. I need to refresh the record being shown in the popupeditor if i add records to one of the client grids.I have some flags in the main entity (the one in the form) that get filled when the child grids get populated.... So the question:

Can i refresh the record being shown in the popupeditorthroughfrom a javascript function (i will use the events in the childgrid to do this)?

I tried:

getting the grid datasource and doing the .sync() and the .read(). But they (of course) close the popupeditor... Anyone?

Tx

Alexander

Grid

answered on 18 Nov 2020

1 answer

469 views

Kendo Date Picker - Cannot edit field w/keyboard

I'm trying to use the following date picker in aspnet core: https://demos.telerik.com/aspnet-core/datepicker/api

However I'm struggling with enabling editing on the date (via the keyboard) once the date has been chosen via the calendar pop-up.

I'm instantiating it in the following way:

var cal = Html.Kendo()
.DatePicker()
.Value(DefaultValue)
.Name(ComponentName)
.Events(e =>
e.Change("datepickerChange")
.Open("datepickerOpen")
)

My issue is that I'm trying to record a person's birth date, but the calendar defaults to 2020. If someone was born in 1960, the would have to navigate the calendar back 60 years instead of being able to type the year into the date box after selecting the day and month.

Date/Time Pickers

answered on 18 Nov 2020

1 answer

189 views

treeView in FileManager

How remove or not show treeView in FileManager?

FileManager

answered on 18 Nov 2020

1 answer

143 views

Class on Row

Hello

How to add class to row (<TR>) on TreeList from Datasource value ?

Thank You

TreeList

answered on 16 Nov 2020

1 answer

127 views

How to disable Editor in Fluent API?

I am using the Fluent API of the Telerik UI for Asp.Net MVC to build a form that has an Editor as one of it's elements, bound to a backing property in my model. I want my view to act as both the edit and display page for my model, so I want to disable the Editor when in display mode, but I cannot find a method to do so, and my attempts to change the contenteditable attribute to false have failed. y research lead me to work arounds in other version of Kendo-UI that haven't worked for me. Below is a snippet of my form with the Editor that I am looking to disable.

@(Html

.Kendo()

.Form<CorrectiveActionAddEditModel>()

.Name("formInformation")

.HtmlAttributes(new { action="Add", method="POST"})

.Items(i => {

i.Add()

.Field(f => f.Description)

.Editor(e => e.Editor().HtmlAttributes(new { contenteditable = false }))

.Label(l => l.Text(SharedHtmlLocalizer["Description"].Value))

.InputHtmlAttributes(new { data_val_required = string.Format(Localizer["TheField_Name_IsRequired"], Localizer["Description"]), contenteditable=ViewBag.IsEdit });

}

)

How can I disable this Editor through the Fluent API? If that isn't possible, how can I disable it via javascript (specifically jQuery)?

Editor

answered on 16 Nov 2020