or
1 answer
228 views
hi,
I am trying to setup a data query server side from kendo react but I am facing an issue on .net side.
the setup is very simple. A controller that returns a list of objects.
I am using .Net core 5.0
I included Kendo.Mvc.Extensions and Kendo.Mvc.UI
I added the nuget package Kendo.for.AspNet.Core version 2019.1.115
And I get this error :
System.TypeLoadException: Could not load type 'Microsoft.AspNetCore.Mvc.
I have the same error with sdk 3.1
Any idea ?
Thank you
Aleksandar
Telerik team
answered
on
01 Oct 2021
1 answer
738 views
Hi,
I have a partial example in Fluent for a Grid with a toolbar that has a (partially funcitoning) "Create" button.
I would like to duplicate this in taghelpers. Here is a Figma rendering using the Telerik Figma controls with some slight customizations:
Can you please provide the taghelpers for a toolbar such as this (with a "Create" button with custom CSS)? I don't need the CSS or anything, I just need the taghelpers to achieve this?
This is what I have so far:
<div>
<kendo-datasource name="dataSource2" type="DataSourceTagHelperType.Ajax" server-operation="false" page-size="10">
<transport>
<read url="@Url.Action("List_Employees", "Company1", new {clinicID = @Model?.ClinicID })" />
<create url="@Url.Action("Add_Employee", "Company1")" />
</transport>
</kendo-datasource>
<toolbar-items>
<create/>
</toolbar-items>
<kendo-grid name="ClinicUsersGrid" datasource-id="dataSource2">
<columns>
<column field="EmployeeName" title="Name"/>
<column field="EmployeePhone" title="Phone Number"/>
<column field="Role" title="Role"/>
<column field="EmployeeEmail" title="Email"/>
</columns>
<editable mode="@GridEditMode.PopUp"/>
</kendo-grid>
</div>
My toolbar isn't showing up. I tried inserting toolbar tags but it just complained? Any insight would be really helpful.
It's interesting to note that in the "Tags" for this Question, I cannot add TagHelpers as a subject.
Thanks!
1 answer
137 views
Hey guys,
we're using the panelbar as navigation on our website. Every item has a link behind which you can simply access by clicking on the item.
Since we have to check for accessibility we're in trouble with the panelbar because toggling the item with keyboard doesn't toggle the link/action behind it.
Do you have a best practice how to implement such a function?
@(Html.Kendo().PanelBar()
.Name("panelbar")
.ExpandMode(PanelBarExpandMode.Multiple)
.Items(panelbar =>
{
panelbar.Add().Text("Angebote")
.Items(angebot =>
{
angebot.Add().Text("Anlegen").Action("Create", "Offer");
angebot.Add().Text("Bearbeiten").Action("Update", "Offer");
angebot.Add().Text("Löschen");
});
})
)
Tsvetomir
Telerik team
answered
on
27 Sep 2021
1 answer
379 views
In grid we have some checkbox columns that are used to indicate different things (this row has x type of detail data, for example) to help save time for users. However I can't help but wonder if there are better alternatives. Anybody have any ideas?
1 answer
353 views
Please go to demo https://demos.telerik.com/aspnet-core/tilelayout/resizing and decrease width and height of all 3 items to 1 row and 1 column
-> the height of the TileLayout container decreases to the height of 1 row.
How can I increase it again or keep a specified height?
I can set a minimum height in pixels by HtmlAttributes, but no percentual or calculated value.
Tsvetomir
Telerik team
answered
on
24 Sep 2021
1 answer
365 views
Hi,
When you go to the demo for the upload control, all you have is the index controller posted. That does not contain the methods for the actual async uploads/ cancel. ASP.NET Core Upload Key Features Demo | Telerik UI for ASP.NET Core
Can you post these methods from the upload controller:
.Async(a => a
.Save("Chunk_Upload_Save", "Upload")
.Remove("Chunk_Upload_Remove", "Upload")
.AutoUpload(false)
.ChunkSize(11000)
)Thanks!
Stoyan
Telerik team
answered
on
23 Sep 2021
1 answer
765 views
Hi,
In documentation of Kendo UI for jQuery I found a property that allows to easily set page size of a grid: https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/pageable.pagesize
However, I use Kendo for ASP.NET Core, and here the PageSize property is missing: https://docs.telerik.com/aspnet-core/api/Kendo.Mvc.UI.Fluent/GridPageableSettingsBuilder
I know I can set the size on DataSource object, however I would like to have a single reusable piece of code for setting the options and current size of paging. Is the page size option hidden somewhere in GridPageableSettingsBuilder? If it is not there are there any plans to add it?
Best regards,
Kazimierz
1 answer
120 views
Hi,
I am using an AppBar and have a menu added to that which works just fine.
The only issue is knowing which item on the menu is selected, is there any way to do this without changing loads of the theme css?
Ideally I want the usual bottom border turned to a solid colour effect when selected.
Thanks,
Zack
Georgi
Telerik team
answered
on
22 Sep 2021
0 answers
178 views
Hello,
I have a need to have a popover appear when hovering/clicking on an image. My first attempts to get this to work has been unsuccessful. With both using an img tag, and an img wrapped in a span, I've not been able to get the popover to display. There aren't any console error messages to speak of. Wondering whether I'm approaching this wrong, and whether there's a way to make this work for me.
I've got the image defined as:
<img id="Instructions_Image" src="@Url.Content("~/Instructions_Image.png")" />
And the popover is defined at the top of the view as
@(Html.Kendo().Popover()
.For("Instructions_Image")
.Position(PopoverPosition.Center)
.ShowOn(PopoverShowOn.MouseEnter)
.Header("More Information:")
.Body("Information content")
.Animation(animation =>
{
animation.Open(op => op.Zoom(ZoomDirection.In).Duration(5));
animation.Close(cl => cl.Zoom(ZoomDirection.Out).Duration(5));
})
.Width(400)
.Height(200)
)
1 answer
418 views
If a user adds a row but then wants to cancel it, I am trying to figure out how to add this functionality. The "cancel changes" button built into kendo is tied to toolbar.Save() which I am not using (we are saving changes in batch with a custom button).
@(Html.Kendo().Grid<x.Models.xModel>()
.Name("xGrid_#=PONum#_#=lineNum#")
.Columns(columns =>
{
columns.Bound(p => p.comment).Title("Comment").Width(50).HtmlAttributes(new { @maxlength = "1000"});
columns.Bound(p => p.updatedBy).Title("Updated By").Width(15).Editable("readOnlyCol");
columns.Bound(p => p.lastUpdated).Title("Last Updated").Width(15).Format("{0:MM/dd/yyyy}").Editable("readOnlyCol");
})
.ToolBar(toolbar => {
toolbar.Create();
})
.Editable(editable => editable.Mode(GridEditMode.InCell))
.Selectable(selectable => selectable
.Mode(GridSelectionMode.Single))
.Events(ev => ev.Change("onChange"))
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("GetX", "X", new { LineNbr = "#=lineNum#", purchaseOrderNbr = "#=PONum#" }).Data("GetFacilityCode"))
.Sort(sort => sort.Add("lastUpdated").Descending())
.PageSize(10)
)
.Sortable()
.Pageable()
.Width(500)
.ToClientTemplate())
