Telerik Forums
UI for ASP.NET Core Forum
2 answers
1.2K+ views
Is there a way to conditionally hide/show items in a form?  In my form I have a dropdown list with a Change handler.  Based on the item selected in the list, I either want to display the Budget field or the HourlyMin and HourlyMax fields.  I'm not sure how to do this.
items.Add()
    .Field(p => p.Budget)
    .Label(label => label.Text("Budget"));
items.Add()
    .Field(p => p.HourlyMin)
    .Label(label => label.Text("Hourly Min"));
items.Add()
    .Field(p => p.HourlyMax)
    .Label(label => label.Text("Hourly Max"));

 

 

Thanks!

n/a
Top achievements
Rank 1
 answered on 16 Sep 2020
2 answers
136 views

If my main process is 12345 will this control accommodate the real-life process that does a 13245 once in a while?  I don't want step 3 to require step 2 to be finished step 2 may be outstanding.  On the extreme, can all 5 steps be independent of each other?  

So, what I'm saying is that instead of the process taking steps all the time; sometimes it trips.

Joel
Top achievements
Rank 3
Bronze
Iron
Iron
 answered on 15 Sep 2020
1 answer
253 views

Hey,

In our application we have a few bootstrap-style columns (i.e. a div with class "row" and 3 nested divs with class "col-4"). These are placed inside a Kendo-Tabstrip-Control.

At first we used the Bootstrap-v4 Theme and everything worked out nicely, however, we now switched to a (customized but this does not matter) Default-Theme and noticed that bootstrap-style columns inside a tabstrip always cause an overflow by a few pixels (8 to be exact). This causes a horizontal scrollbar to appear within the tabstrip-content only when using the Default Theme, but not when using the Bootstrap Theme.

Using my Browsers HTML-Viewer, I tracked it down to the fact that in Bootstrap-v4, the padding of .k-tabstrip > .k-content elements is set to 0.5rem 1rem (amounting to 8px 16px) while in the default theme it is set to 6px 12px which clearly amount to 4px of additional room on the sides (in sum, the afforementioned 8px).

Since the class "row" causes a margin of -15 on either side, this causes the entire row to overflow the k.content element which is the reason for the horizontal scrollbar.

This behavior is really easy to test, simply drop the following code as content into a kendo-tabstrip

<div class="row">
    ABC
</div>

 

Is this an error in the Default-theme and if so can we get this fixed?
Otherwise, is there any way to get consistent behavior with something like "row" and "col-" classes when using Kendo?

Best Regards

Dimitar
Telerik team
 answered on 15 Sep 2020
4 answers
1.0K+ views

 Hello,

is it possible to add a button to upload files inside the Form?

Is it possible to integrate this code

@(Html.Kendo().Upload()         
   .Name("files")           
   .HtmlAttributes(new { aria_label = "files" })
)

into this one

@(Html.Kendo().Form<TicketModel>()
    .Name("formExample")
    .HtmlAttributes(new { action = "TicketExpress", method = "POST" })
    .Items(items =>
    {
      items.Add()
        .Field(f => f.Description)
        .Label(l => l.Text("Description:"));
items.Add()
        .Field(f => f.Type)
        .Label(l => l.Text("Type:"))
        .Editor(e =>
        {
            e.Upload() ??????????
        }
})

Thank you

Mattia
Top achievements
Rank 2
 answered on 08 Sep 2020
4 answers
194 views

Hello,

we have a Grid that is bound to an IEnumerable Property of the ViewModel being supplied by the server as you can see in the following code snippet:

01.@(Html.Kendo().Grid<AktionsTracker.Pages.PromotionEditModel.ModelDTO>(Model.Promotion.Models)
02.    .Name(ModelGrid)
03.    .Columns(c =>
04.    {
05.        c.ForeignKey("ModelId", Model.Models, "ModelId", "ModelCode").Title("Modellcode").Width(100);
06.        c.ForeignKey("ModelId", Model.Models, "ModelId", "ModelName").Title("Modellbezeichnung").Width(200);
07.        c.Bound(m => m.Absolute).Width(150);
08.        c.Bound(m => m.Relative).Width(150);
09.        c.Command(c => c.Edit());
10.        c.Command(c => c.Destroy());
11.    })
12.    // more code
13.    .DataSource(c =>
14.    {
15.        c.Custom()
16.        .Schema(s =>
17.        {
18.            s.Model(m =>
19.            {
20.                m.Id("ModelId");
21.                m.Field("ModelId", typeof(int)).Editable(false);
22.                m.Field("Absolute", typeof(Decimal?));
23.                m.Field("Relative", typeof(Decimal?));
24.            });
25.        });
26.    })
27.)

We now want to programmatically insert a new record with a specific Id (guaranteed to be unique and have an entry in the ForeignKey-Collections) and directly put the Row into Edit-Mode.

At first, we tried to simply call grid.addRow() and handle the beforeEdit event to set the ModelId but this did not work out since the ModelId has to be non-Editable.

Therefore, we have resorted to a different approach where we execute the following code in a javascript function:

1.var grid = $("#@ModelGrid").data("kendoGrid");
2.grid.dataSource.add({ ModelId: value, Absolute: null, Relative: null });
3.grid.editRow($("#@ModelGrid tbody tr:last-of-type"));

i.e. we add the pre-filled record to the datasource of the grid and manually start the editing via the call to editRow.

The problem is the following:

  • Record is added and edit-mode is entered
  • We manually set the required properties and press the Update button
  • We press the Edit button on the same row
  • We press Cancel to end the editing without saving changes => as a result the row disappears even though it has been previously saved!

It does not matter how often we have update the record with valid data, as soon as we press Cancel the record will disappear every time.
I want to reiterate that it is fine and *intended* that the row disappears if Cancel is clicked directly after adding the row. However, having it disappear after multiple succesfull updates is not what we want at all.

How can we fix this behaviour?

Best Regards

Wolfgang Weilguny
Top achievements
Rank 1
Veteran
 answered on 08 Sep 2020
10 answers
871 views

Tag helpers in a form allow the following:

https://docs.microsoft.com/en-us/aspnet/core/mvc/views/working-with-forms

@model CountryViewModel

<form asp-controller="Home" asp-action="Index" method="post">

<select asp-for="Country" asp-items="Model.Countries">

</select>

<br />

<button type="submit">Register</button>

</form>

 

How do I accomplish the same thing with Kendo Listbox?

Nikolay
Telerik team
 answered on 08 Sep 2020
1 answer
78 views

Hello,

I have a grid with client template that holds two values from datasource. Is it possible to filter this two fileds at once using one filter menu (e.g adding secondary filter on the fly when bounded column is filtered)?

Nikolay
Telerik team
 answered on 08 Sep 2020
3 answers
265 views
Hello Team;

I've installed [licensed] my Telerik ASP.Net Core and running the sample app. for every screen I go to the attached blue popup dialog shows up regarding ACCEPT COKKIES or SAVE SETTINGS. No matter which one I select, I keep getting this annoying dialog box.

How can I get ride of it? Why does it keep showing?

Thanks!
..Be
Dimitar
Telerik team
 answered on 08 Sep 2020
3 answers
540 views

Hi

I am using kendo grid inline editing . I want to dynamically fill the value of one column based on the values added from 2 other  columns.
example:

Col A+ Col B = Col C

Fill the value dynamically whiling editing or new insert within in cell kendo grid  

Patrick | Technical Support Engineer, Senior
Telerik team
 answered on 01 Sep 2020
1 answer
121 views

Hi, 

I am trying to use the .net core FileManager component.I have implemented a custom back end that no longer reads the file system, instead integrates with my database and Azure blob storage. Everything working ok for that. 

 

The issue I'm having is with the display for the created and modified timestamps.

My users will be in different timezones so I will need to convert the timestamps to the user's local time. I'm storing timestamps in utc in the database

As far as I can tell the current file manager widget is not setup for that.

I'm trying to intercept the datasource so that I can parse the data objects, read the Utc timestamps, convert them to the user's local timezone in the client side, and populate the non-utc timestamps, so they show correctly in the filemanager control.

I can't yet work out how to do that though. can anyone help?

 

many thanks

Petar
Telerik team
 answered on 31 Aug 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?