In the attached sample you will see that the textbox (the second input) is 2px taller than the numeric textbox (the first input). Both of them are several pixels taller than the combo box and date picker.
---
ADMIN EDIT
Related to this issue in the themes repo about improving bootstrap integration.
A workaround can be adding specific height to the widgets you use through the bootstrap classes, for example:
<style>
input.k-textbox.form-control,
k-datetimepicker.form-control,
.k-widget.k-combobox.k-header.form-control {
height: calc(2.25rem) !important;
}
</style>
<div class="container-fluid border pt-md-3">
<div class="row">
<h5 class="pl-3 pb-3">nach Geschäftsfall suchen</h5>
</div>
<EditForm Model="SuchParameter" OnValidSubmit="HandleValidSubmit">
<DataAnnotationsValidator />
<div class="row mb-1">
<div class="col-md-4">
<label for="fallJahr">Fall-Jahr</label>
</div>
<div class="col-md-8">
<TelerikNumericTextBox Id="fallJahrTelerik" @bind-Value="SuchParameter.Jahr" Class="form-control" Arrows="false" />
</div>
</div>
<div class="row mb-1">
<div class="col-md-4">
<label for="fallNummer">Fall-Nr.</label>
</div>
<div class="col-md-8">
<TelerikTextBox Id="fallNummer" @bind-Value="SuchParameter.Nummer" Class="form-control" />
</div>
</div>
<div class="row mb-1">
<div class="col-md-4">
<label for="geschaeftsArt">Geschäftsart</label>
</div>
<div class="col-md-8">
<TelerikComboBox Id="geschaeftsArt" ValueChanged="@( (string c) => OnGeschaeftsArtChanged (c))" Value="selectedGeschaeftsArt" ValueField="Art" TextField="Art" ValueExpression="@( () => selectedGeschaeftsArt )"
Data="@GeschaeftsArten" Placeholder="Geschäftsart auswählen" ClearButton="true" Width="100%"
Class="form-control"/>
</div>
</div>
<div class="row mb-1">
<div class="col-md-4">
<label for="posteingang">Posteingang </label>
</div>
<div class="col-md-8">
<TelerikDateTimePicker Id=posteingang @bind-Value="@selectedTime" Format="dd.MM.yyyy" Width="100%"
Class="form-control"></TelerikDateTimePicker>
</div>
</div>
<button type="submit" class="btn btn-block btn-primary">Suchen</button>
<ValidationSummary />
</EditForm>
</div>
@code{
public class TheFormModel
{
public int Jahr { get; set; }
public string Nummer { get; set; }
}
public class ComboModel
{
public string Art { get; set; }
}
TheFormModel SuchParameter { get; set; } = new TheFormModel();
string selectedGeschaeftsArt { get; set; }
List<ComboModel> GeschaeftsArten { get; set; } = Enumerable.Range(1, 5).Select(x => new ComboModel { Art = $"Art {x}" }).ToList();
DateTime selectedTime { get; set; }
void HandleValidSubmit()
{
}
void OnGeschaeftsArtChanged(string v)
{
selectedGeschaeftsArt = v;
}
}
---
Bug report
When using Spreadsheet with SASS theme and entering an array formula with Ctrl+Shift+Enter the {} braces surrounding array formula in the formula bar are not displayed.
Reproduction of the problem
Enter the following formula in any cell within the dojos below cell and press Ctrl+Shift+Enter : =Product(C3:C11)
dojo of a Spreadsheet demo with LESS theme
dojo of a Spreadsheet demo with SASS theme
Current behavior
Spreadsheet with LESS based theme displays the array formula correctly in the formula bar: {=Product(C3:C11)}
Spreadsheet with SASS based theme displays the array formula incorrectly in the formula bar: =Product(C3:C11)
Expected/desired behavior
Spreadsheet with SASS based theme should display array formulas with {} braces: {=Product(C3:C11)}
Environment
Kendo UI version: 2019.3.1023