I am having trouble with font sizing with the UI for Telerik. I posted before about setting font sizes for the datepicker and dropdowns which now work great.

Now I am having trouble setting the font size for the textbox control with floating label.

<div class="demo-section k-content">
    <h4>Set value</h4>
    @(Html.Kendo().TextBox()
        .Name("textbox")
        .Placeholder("Name")
        .Label(label => label
            .Content("Name")
            .Floating(true)
        )
        .HtmlAttributes(new { style = "width: 100%" })
    )

    <style>
        .k-floating-label-container {
            width: 100%;
        }
    </style>
</div>

I have modified CSS but the floating label looks incorrect when font size is adjusted through CSS. I would like size 14px font for both the input text and the floating label. How can I achieve this? Currently increasing the font size of the floating label makes the label not "float" far enough to the top, and obscures the textbox. Any help is appreciated.

Here is some examples of the extremely small text occuring on all UI inputs...

Textbox with filtering:

Datepicker:

This is really becoming a problem.

I still need a fix for the floating textbox, but I am wondering if there is a more universal fix that can be applied in the universal CSS. Please help, this is my only complaint with the UI so far.

I am losing time trying to adjust font sizes.

Hello,

I currently open up a selected word document which is displayed on the editor and I am able to edit it however I can not save the edited document.

I am using the Kendo Editor Control to edit documents and would like to know if there are any ways to save the text that was edited on the editor ? I could not find any demos on how its done. 

Kind Regards 

Anisha

Hello all.

Some of my events are not all day events but they have a multiple days length. Example duration "2.00:30:00". But such events are not rendered in the scheduler calendar views. Only in the agenda view.

How can I persuade the day/week/workweek views to show such events?

Kind regaards

Bernd

I am experiencing two issues. 

1. Every time I type a character in the filter box at the top of any of my columns, my Ajax Read method ("_CustomBinding") is called 2 times.  The first call populates the type ahead of the filter box, and the second one refreshes the grid.  I do not want the grid to refresh until the enter key is pressed in the filter box, not on each key press.  How do I disable the call to refresh the grid on every key press in the filter box?
2. From the Kendo examples, I cannot find a way to differentiate between the Ajax Read call for populating the grid and populating the type ahead data in the filter boxes at the top of the columns.  I need to be able to differentiate between these two uses for a couple of reasons.

1. My grid performs all of the paging on the server.  When I type into a column filter box, the call to the binding method includes the page number and page size.  This causes my database query to limit the results to only records for the current page, which is not what I want.  The auto fill should include values for all pages.  I see in your online example that you do not apply paging at the database level, which is why it includes results across pages. 
2. If I were successful at ignoring the paging when fetching the type ahead data, it would pull back way too many records.  I need to be able to differentiate between type ahead calls and ones for populating my grid data so that I can apply a distinct select for only the one column needed on my database query to properly fetch just the data needed for display in the type ahead, so I won’t have performance issues.

Please, advise me as to how I can overcome these issues.  Thank you.

I have a very complicated Kendo Grid.  Here is just part of it:

@(Html.Kendo().Grid<ProspectiveAdvantage.ViewModels.MemberListingModel>().Name("Members").TableHtmlAttributes(new { @class = "tblPatient" })

    .AutoBind(Model.AutoPopulateResults)

    .Columns(columns =>

    {

        columns.Bound(theMember => theMember.LastName).Width(30).Filterable(ftb => ftb.Cell(cell => cell.Operator("contains").ShowOperators(false).MinLength(3).SuggestionOperator(FilterType.Contains)));

        columns.Bound(theMember => theMember.FirstName).Width(30).Filterable(ftb => ftb.Cell(cell => cell.Operator("contains").ShowOperators(false).MinLength(3).SuggestionOperator(FilterType.Contains)));

        columns.Bound(theMember => theMember.DisplayClientMemberId).HeaderTemplate("Patient ID").Width(30).Filterable(ftb => ftb.Cell(cell => cell.Operator("contains").ShowOperators(false).MinLength(3).SuggestionOperator(FilterType.Contains)));

        columns.Bound(theMember => theMember.DisplayBirthDate).HeaderTemplate("DOB").Format("{0:MM/dd/yyyy}").Width(30).Filterable(ftb => ftb.Cell(cell => cell.Operator("contains").ShowOperators(false).MinLength(3).SuggestionOperator(FilterType.Contains)));

…

                .DataSource(dataBinding => dataBinding.Ajax()
                .Read(read => read.Action("_CustomBinding", "PCPandCA").Data("members_FetchSearchParameters"))
                .Events(events => events.Error("handleAjaxErrorFromGrid"))
                 .ServerOperation(true)
                 .PageSize(Model.PageSize).Model(model => { model.Id(e => e.MemberID); model.Field(f => f.FirstName); })
                 //default sort DisplaySignatureDue column by ascending
                 .Sort(sort => {
                     if (!AssessmentExpired) { sort.Add("DisplaySignatureDue").Ascending();}
                     if (AssessmentExpired) { sort.Add("DisplayExpiredDate").Ascending();}
                 })
    )
 
    .Pageable(pageable => pageable
        .PageSizes(true)
        .Refresh(true)
    )
    .Sortable()
    .NoRecords("No records found.")
    .Selectable()
    .Filterable(ftb => ftb.Mode(GridFilterMode.Row))
    .Events(events => events.Change("handleGridRowSelected").DataBinding("handleDataBinding").DataBound("handleDataBound").Filter("onFiltering"))
    .HtmlAttributes(new { style = "cursor:pointer;border: 0px;height: 380px;display: flex;overflow-y: scroll;" })
)

Hello,

I'm working in a project in which all the Kendo Components are used in the UI.
We need, due to a client request, to change the chosen default option in the filters of ALL THE GRIDS.
To explain a little bit more, we need to pass from "Is equal" (Please see the picture attached)  to "contains" when we filter a column.

I know we can customize the filter operators and options for a particular grid, but in this case we want to apply the change in ALL THE GRIDS without update the options to each.

Hope I was clear when I explained the need.
Thanks in advance.

Since some weeks/months, the Upgrade wizard tells me that my .NET Framework 4.8 ASP.NET MVC project has to be upgraded.

If I then start the wizard, the UI stalls. I've waited for hours, still, only killing VS helps.

Right before it gets closed, after I killed it, a short notification bar appears on top of VS that reads:

Feature 'Symbol search' is currently unavailable due to an internal error.

My question:

What can I do to make the project upgrade wizard work again for my project?

Hi,

I have a Kendo DropDownList as follow:

                 Html.Kendo().DropDownList()
                .Name("ddl_" + filter.ReportProcedureId.ToString())
                .Items(i => i.Add().Text(filter.DefaultValue).Value(filter.DefaultValue))
                .SelectedIndex(0)
                .HtmlAttributes(new
                {
                    style = "display:none;"
                })
                .Events(e => e
                    .DataBound("onDropDownBinding")).Render();  

 In the old Telerik MVC extension it is done in onDropDownBinding() like

    function onDropDownBinding(e)
    {
        var isValid = true;
        var reportProcedureId = e.currentTarget.id.replace('ddl_', '');

        ......

    }
Now I want to do it in Kendo. How to do it? Thanks.

​

I'm trying to implement the Batch Editing functionality based on the following demo page:

ASP.NET MVC Grid Batch editing Demo | Telerik UI for ASP.NET MVC

Why are new (saved) records deleted when the Cancel Changes button is selected? Is the intended behavior? 

To recreate:

1) Update an existing record.
2) Click Add New Record and create a new record.
3) Click Save Changes. 
4) Click Cancel Changes. The updated record retains the new values. The new record(s) are deleted.