Questions on UI for ASP.NET Core Forum

1 answer

179 views

Can I have this expander work vertically instead of horizontally? Also, the default styling puts a box around it. How do I change the style of this control so all I see is the title and the open/close handle?

ExpansionPanel

answered on 25 Feb 2021

1 answer

123 views

500 Error On File Selection (VB)

Hi, first time posting here so let me know if I'm doing anything wrong.

I'm using a RadAsyncUploader to stash a file on S3. When a file is selected, it gets put into a virtual directory. Then when the "submit" button is clicked, the file is grabbed from the virtual directory and uploaded to S3. When I'm doing all of this locally, the whole process works perfectly fine. However, when I put the code on a server, I get a 500 error on file selection. I believe that this means that the RadAsyncUploader can't find the virtual directory.

Any ideas on why this is happening? I'll put the html where the uploader is defined below:

<telerik:RadAsyncUpload ID="radULDocument" runat="server" CssClass="ppUpload" MaxFileSize="10240000" AllowedFileExtensions="jpg,pdf,png" TargetFolder="~/tempImageUpload/original" AutoAddFileInputs="false" PostbackTriggers="btnSubmit" OnClientAdded="uploadLoaded" OnClientFileUploaded="fileUploaded" Localization-Select="Browse" Localization-Remove="Remove" />

Upload

answered on 24 Feb 2021

3 answers

217 views

Grid Detail Template TabStrip Aggregates

Hi,

I'm using this example: https://demos.telerik.com/aspnet-core/grid/detailtemplate

I'm using the same apart from the "Orders" Tab i have called it "Notes", everything is working as expected. But i'd like to put the count of Notes also in the Tab Text i.e.

Text("Notes (#=kendo.format('{0:N}', data.aggregates.Note.count)#)")

I added the aggregate in the DataSource:

.Aggregates(aggregates =>

{

aggregates.Add(p => p.Note).Count();

})

But i get the following console error:

Uncaught TypeError: data.aggregates is undefined

Is there anyway to achieve what i'm after?

--- Complete Tab Code:

items.Add().Text("Notes (#=kendo.format('{0:N}', data.aggregates.Note.count)#)").Content(

@<text>

@(Html

.Kendo()

.Grid<TaskReportLineNote>()

.Name("grid_#=JobNumber#")

.Columns(columns =>

{

columns.Bound(o => o.Posted).Width(150).Format("{0:dd/MM/yyyy HH:mm:ss}");

columns.Bound(o => o.Poster).Width(250);

columns.Bound(o => o.Note);

})

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(5)

.Sort(sort => sort.Add(p => p.Posted).Descending())

.Aggregates(aggregates =>

{

aggregates.Add(p => p.Note).Count();

})

.Read(read => read.Action("GridNotes", "TaskReport", new { TaskId = "#=TaskId#" })))

.Pageable()

.Sortable()

.ToClientTemplate())

</text>

);

Grid

answered on 22 Feb 2021

2 answers

173 views

Client Template Advanced Formatting

Hi,

I'm trying to do an if like statement with the ClientTemplate Formatting, for basic usage this works:

#= (Location == "") ? 'N/A' : Location #

If the Location is empty it Displays N/A as needed, but if i try and make it a bit more advanced for another field i.e:

#= (AssignedToPhone == "") ? 'N/A' : '<a href="tel:AssignedToPhone" class="btn-link">AssignedToPhone</a>' #

I don't get any errors, but it renders as a link with the text as AssignedToPhone, how do i get it to show the actual value? I have also tried:

#= (AssignedToPhone == "") ? 'N/A' : '<a href="tel:#=AssignedToPhone#" class="btn-link">#=AssignedToPhone#</a>' #

This causing an error, and no render happens "Uncaught Error: Invalid template:' (then a bunch of HTML)"

Grid

answered on 19 Feb 2021

6 answers

1.2K+ views

Custom Column Filters with TagHelpers

Hi, I've gone through all of the documentation and spent quite a bit of time on the forums. I have yet to find an example of creating a custom filter for a column via TagHelpers. Is this possible with the current API?

I've noticed that if you define a filterable block on a column, that there is the 'filter-ui' and 'item-template', but neither of those appear to do anything, no errors are thrown and there is no intellisense. I went through the JavaScript API for those and it doesn't make much sense in the context of the TagHelper.

I'm just trying to create a filter that has a dropdown with check boxes for all known types, I know these types at development time so don't need to make a request to get them. Is this possible?

Thanks

Grid

answered on 19 Feb 2021

1 answer

519 views

MindMap or other

Hello, are there any plans to develop this functionality as for ajax or wpf? add another type of diagram, mindmap, be able to make the shapes you want, the number of entries you want?

Diagram

answered on 19 Feb 2021

2 answers

108 views

Vertical Chart

I am looking for a way to implement a vertical chart. Practically rotate it 90 deg. As of now i have not found a setting for that. I am curently useing css transform rotate. but it is very messy for me.
Exmaple attached as a file.

Chart

answered on 18 Feb 2021

2 answers

114 views

TreeList doesn't reflect new item

Tree list is not getting updated after adding a new item.

TreeList

answered on 18 Feb 2021

3 answers

1.0K+ views

.NET Core Grid - Batch with Inline Edit

Hi there,

I can see from your Batch editing demo that the grid is configured to use InCell editing mode. However, I am trying this with InLine editing mode:

@(Html.Kendo().Grid(Model.MapDetails)

.Name("MapDetails")

.Columns(columns =>

{

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

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

columns.Command(command => { command.Edit(); command.Destroy(); });

})

.Editable(editable => editable.Mode(GridEditMode.InLine))

.ToolBar(toolbar =>

{

toolbar.Create();

})

.DataSource(dataSource => dataSource

.Ajax()

.Batch(true)

.PageSize(20)

.ServerOperation(false)

)

However, when attempting to save the row, the grid is failing as it is attempting to trigger a POST action - it does not appear to be respecting the Batch edit mode.

The reason for I am trying this is that using InCell editing it is letting me complete a row without actually triggering all client side validation. For example, using InCell editing:

Click Add New Record
New row added, Scale cell selected in first column - client side validation enabled for this
I can complete this cell and then Add the row to the datasource - without the validation being triggered for the second cell in the Page No column.

This is not ideal - using Inline editing, whole row goes into edit mode and all client side validation is triggered. Can you advise if this mode is supported with batch editing and if not, is there a suitable workaround you could suggest?

Thanks

Grid