Questions on UI for ASP.NET Core Forum

1 answer

108 views

Hide dinamically button

Hi to all,

I need to hide a button base a model's view.

But I can't do this.

hide() and show() methods seems wrong.

Button

answered on 26 May 2020

1 answer

648 views

Icon only Update/Cancel commands for inline editing

Hi,

I am using .net core tag helpers to display a grid with inline editing.

I am able to display Icon only commands for Edit and Delete. But I am struggling to find any documentation to customize the same behaviour for Update/Cancel

<kendo-grid name="grid" height="550" resizable="true">

<datasource page-size="100" type="DataSourceTagHelperType.Ajax" server-operation="true" name="dataSource" batch="true">

<transport>

<read url="/Test/read" type="post" />

<update url="/Test/create" />

<destroy url="/Test/delete" />

<create url="/Test/create" />

</transport>

<schema>

<model id="Id">

<fields>

<field name="FirstName">

<validation required="true" />

</field>

<field name="LastName"></field>

<field name="Email"></field>

</fields>

</model>

</schema>

</datasource>

<sortable enabled="true" />

<filterable enabled="true" extra="false">

<operators>

<string eq="Is equal to" contains="Contains" startswith="Starts with" neq="Is not equal to" />

</operators>

</filterable>

<pageable button-count="5" refresh="true" page-sizes="new int[] { 10,20 }" />

<editable mode="inline" />

<columns>

<column width="75">

<commands>

<column-command name="edit" template="#=edittemplate(data)#">

</column-command>

<column-command name="destroy" template="#=deletetemplate(data)#"></column-command>

</commands>

</column>

<column field="FirstName" title="FirstName" width="50"></column>

<column field="LastName" title="LastName" width="50"></column>

<column field="Email" title="Email" width="75"></column>

</columns>

</kendo-grid>

edittemplate = function (data) {

var template = '<button type="button" class="k-button k-button-icon"><span class="k-icon k-i-update"></span></button>';

return template;

};

Grid

answered on 25 May 2020

2 answers

245 views

Trouble installing ASP.Net Core 3.1

Hi,

Im trying to setup Kendo with an existing application in order to do a demo for a Client

I followed this guide
https://docs.telerik.com/aspnet-core/getting-started/first-steps#configuration

Everything is added but Im getting a runtime error whenever I try to start the application

Here is some information

The application is on Core 3.1
http://i.imgur.com/2b4ppyf.png

The version nuget is getting is

<PackageReference Include="Telerik.UI.for.AspNet.Core" Version="2016.3.914" />

The application is compiling but as soon it tries to had the Kendo to the container Im getting this issue

http://i.imgur.com/K7j2NGM.png

I'm using VSCode on linux
http://i.imgur.com/M7Am1Fi.png

I saw some post about trial version not being compatible with 3.1 but I am not on trial.

Let me know what we are doing wrong.

Cheers

Installer and VS Extensions

answered on 22 May 2020

1 answer

221 views

Data is too long in bar chart and pie chart.

Hello Support,

I have facing some issue in bar chart. Actually data is too long in chart so i have assign category axis maximum showing 10 records but each record exits on many data so my graph is not open in zoom mode.

Can you please suggest how i can solved this problem? we are using asp.net core not jquery.I have attached some screenshots

Another requirement, how to add feature zoom in zoom out on button click not mouse scrolling of google chrome zoom in zoom out using.

Please respond ASAP.

Chart

answered on 22 May 2020

1 answer

111 views

Delete the series on recurring items

Hi,

When you have a recurring item in a scheduler and you hit the x , you get the delete dialog box which asks

"Delete current occurrence" or
"Delete the series"

I would like it so that if you choose delete the series,I don't want to delete ones that have already happened and have an exception rule on them. I can handle this server side, but right now when it hits my server, i don't know which of these options was chosen.

Is there anything I can hook into to post back to my method to say whether delete current occurrence or delete whole series was clicked?

Alternatively, is there another way to achieve this.

Thanks in advance.

Cheryl

Scheduler

answered on 22 May 2020

4 answers

292 views

cannot resize item

Hi to all,I'm trying to use a chart into a TileLayout.

my code

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

@(Html.Kendo().Chart<Portale.Web2.Models.RolePages.ContactCount>()

.Name("newContactChart")

.Title("Nuovi contatti per provenienza")

.Legend(legend => legend

.Position(ChartLegendPosition.Top)

)

.DataSource(ds => ds.Read(read => read.Action("NewContactRolePage", "Home")))

.Series(series => {

series.Bar(model => model.Count).Name("Nuovo Contatti").CategoryField("Category");

})

.CategoryAxis(axis => axis

//.Labels(labels => labels.Rotation(-90))

.Crosshair(c => c.Visible(true))

)

.ValueAxis(axis => axis.Numeric()

.Labels(labels => labels.Format("{0:N0}"))

)

.Tooltip(tooltip => tooltip

.Visible(true)

.Shared(true)

.Format("{0:N0}")

)

.HtmlAttributes(new { style = "height:100%;width:100%;" })

.ToClientTemplate()

)

</script>

<div class="row">

<div class="col">

@(Html.Kendo().TileLayout()

.Name("rolepagetilelayout")

.Columns(2)

.Containers(c => {

c.Add().Header(h => h.Text("Nuovi Contatti")).BodyTemplateId("newcontacts-template").ColSpan(2);

})

.Reorderable(true)

.Resizable(true)

.Events(e=>e.Resize("onTileResize"))

)

</div>

chart not resized, why?

TileLayout

answered on 22 May 2020

1 answer

158 views

New Form Widget, how to cancel a form.

How does one do a 'Cancel' on a Form widget. I see the events for Submit / Clear / Validate. It looks like the only way to leave a form is to submit it.

Form

answered on 22 May 2020

8 answers

445 views

Bug with Down Icon Css

I just updated our web application to the new 2020.2.513 core release. However, the css for menu items with children has changed. This causes the down icon to not show correctly. It shows as a box now which is what happens when it can't show the icon. (See attached.)

Old css that worked:

New css that does not work:

If I use the devtools of Chrome and edit the generated css to match the old css, it works again.

So, to me, it's a bug.

However, what I need asap is a way to overcome the bug for now so that the old css is used again.

Menu

answered on 22 May 2020

9 answers

394 views

Localize breadcrumb items

Hi,

Does anyone have a working project that demonstrates how to localize the breadcrumb component?

I have the breadcrumb working by parsing a hidden field for a property in the model populated in the controller.

@(Html.Kendo().Breadcrumb()

.Name("breadcrumb")

.Navigational(true)

.RootIcon("home")

.Value(Model.Breadcrumb)

)

It all works perfectly. Except now, I need to localize the string values displayed in the breadcrumbs. And of course, not disturb the the generated URL mapping to still make the links navigational to the desired controller/action.

Is this even possible using the breadcrumb component?

Thanks

Jason

Breadcrumb

answered on 21 May 2020

1 answer

626 views

update progress by controller

Hi to all,

I would add a function for witch he will can sync data from his ERP, this process may be very long, but I would show him progress of this process.

I think to use notification but, I don't know if it's a good approach. I think to signalR also, but it seems too much to have only a progressive update.

If it's good way first thing, how can I update from action to current view (signalR????)

What do you suggest me to do?

ProgressBar

answered on 21 May 2020