Completed
Last Updated: 26 Jun 2024 11:26 by ADMIN
Release 2022.2
Created by: Marc Simkin
Comments: 0
Type: Bug Report
5

If I place the DateRangePicker inside a TelerikForm, the start and end input fields are stacked vertically.

If I were to place the control just inside a div, they are arranged horizontally.

How can I get the control to arrange itself horizontally when inside a form?

---

ADMIN EDIT

Here is a reproducible that begins with a short CSS workaround (remove the style to see the issue):

<style>
    .k-form .k-daterangepicker-wrap .k-floating-label-container {
        display: inline-block;
        width: auto;
    }
</style>



<div class="demo-section k-form k-form-vertical">
    <div class="k-form-field">
        <label for="outbound-date" class="k-label k-form-label">Travel Date</label>
        <div class="k-form-field-wrap">
            <TelerikDateRangePicker @bind-StartValue="@StartValue"
                                    @bind-EndValue="@EndValue"
                                    StartId="outbound-date">
            </TelerikDateRangePicker>
        </div>
    </div>
    <div class="k-form-field">
        <p>The selected travel date is: <strong>@StartValue.Value.ToLongDateString()</strong> and <strong>@EndValue.Value.ToLongDateString()</strong></p>
    </div>
</div>

<div class="demo-section">
    <h4><label for="outbound-date">Book your flight tickets</label></h4>

    <TelerikDateRangePicker @bind-StartValue="@StartValue"
                            @bind-EndValue="@EndValue"
                            StartId="outbound-date">
    </TelerikDateRangePicker>

    <div class="mt-lg">
        <h6 class="kd-demo-heading mt-sm">Selected Dates</h6>
        <div><strong>Departure: </strong> @StartValue?.ToString("dd MMM yyyy")</div>
        <div><strong>Return: </strong> @EndValue?.ToString("dd MMM yyyy")</div>
    </div>
</div>

@code {
    public DateTime? StartValue { get; set; } = new DateTime(2020, 4, 3);
    public DateTime? EndValue { get; set; } = new DateTime(2020, 4, 10);
}

---

Completed
Last Updated: 11 May 2023 13:29 by ADMIN

Using the latest Classic Kendo theme, when showing a grid with a pager, the button indicating the currently selected page has a background that's a function of the button's text color (opacity .2). This results in a background color that lacks sufficient contrast with the text color which is not compliant with WCAG contrast rules for display text.

https://webaim.org/resources/contrastchecker/?fcolor=F35800&bcolor=F1D2C0

#F35800 is the default primary button color in the default theme and F1D2C0 is the color that results from the interaction between a background with opacity .2 laid over the default background grey #F0F0F0. I've attached a screenshot of the PowerToys color picker showing the computed color of the button.

The button background color needs to pass all of the WCAG checks in the above link in our application and really should by default in my opinion.

Completed
Last Updated: 03 Nov 2022 10:56 by ADMIN
Release R1.2023-Increment.1(09.Nov.2022)

Hi Kendo Team,

after we updated to version 2022.2.301 we decided to modify our theme by compiling the Metro theme from the source files and adjusting some of the variables provided.

When working on the multiselect styles however we noticed that changing the variable '@chip-solid-hover-text' in the 'type-metro.less' file did not lead to any change. The attached screenshot shows that the chip still keeps its black text color on hover even though the variable was set to white.

We inspected the _theme.less file in the folder Default/chip and noticed that the variable is not used by the theme (see screenshot).  Looking at the code this also seems to be the case for the 'selected' styles.

We can add additional styles to fix that on our end but since there is a variable for both cases I am sure this is just an oversight and wasn't planned.

 

Thanks,

Markus

 

Completed
Last Updated: 31 Oct 2022 15:16 by ADMIN

Bug report

Reproduction of the problem

Dojo example.

Current behavior

The mobile material theme does not apply specific styles to a button that has the "km-primary" class. Compare to the Nova mobile theme, which does have specific rules that use ".km-primary" selector.

Expected/desired behavior

CSS rules that use the ".km-primary" selector should be added to the theme.

Environment

  • Kendo UI version: 2019.2.619
  • jQuery version: x.y
  • Browser: [all]
Completed
Last Updated: 29 Sep 2022 15:06 by ADMIN

The problem is easily reproduced using the widget demo page https://demos.telerik.com/kendo-ui/dropdowntree/index

Simply switch to the High Contrast theme; the k-widget element is lacking the border-radius style hence looks different to the other widgets.

It looks like the k-dropdowntree class is missing from the following style rule:

.k-autocomplete, .k-block, .k-calendar-container, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-drag-clue, .k-dropdown, .k-dropdown-wrap, .k-editor-inline, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-inline-block, .k-list-container, .k-multiselect, .k-notification, .k-numeric-wrap, .k-numerictextbox, .k-picker-wrap, .k-slider-selection, .k-slider-track, .k-split-button, .k-textbox, .k-tile, .k-timepicker, .k-tooltip, .k-touch-scrollbar, .k-treeview .k-in, .k-upload, .k-window, .k-window-action, .k-window-titleless .k-window-content {
    border-radius: 13px
}

 

Completed
Last Updated: 28 Sep 2022 09:04 by ADMIN

Bug report

Reproduction of the problem

  1. Go to the Themebuilder page
  2. Select BlueOpal theme
  3. Modify the "Error" color.
  4. Download the custom theme

Current behavior

The generated kendo.custom.css file contains the following rule:

undefined undefined undefined undefined undefined undefined undefined undefined undefined undefined undefined undefined undefined undefined undefined undefined undefined undefined undefined undefined undefined undefined undefined undefined undefined undefined undefined .k-text-error {
  color: #7030a0;
}

Expected/desired behavior

The rule should have correct selector, or if it is redundant it should not be included in the file.

Environment

  • Kendo UI version: 2020.2.617
  • jQuery version: x.y
  • Browser: [all]
Completed
Last Updated: 07 Apr 2022 12:20 by ADMIN
Release 2022.R1.SP.next
Created by: Pandiarajan
Comments: 0
Type: Bug Report
0
kendoui.for.jquery.2020.3.1021.commercial-source\src\styles\mobile\common\modalview.less
Line 56:     box-flex: 1;

kendoui.for.jquery.2020.3.1021.commercial-source\src\styles\mobile\common\buttongroup.less
Line 31:     margin-collapse: separate;

kendoui.for.jquery.2020.3.1021.commercial-source\src\styles\mobile\common\scroller.less
Line 103:     margin-collapse: separate;

kendoui.for.jquery.2020.3.1021.commercial-source\src\styles\web\common\mixins.less
Line 54: 

.flex-align(@alignment) {
    flex-align: @alignment; 
}

Completed
Last Updated: 17 Feb 2022 10:08 by ADMIN
Release 2022.2

Describe the bug
Starting from v2022.1.119 the scrollbar of the View Html tool of the Editor is missing.

To reproduce

  1. Run this Dojo or the All Tools Demo
  2. Click on the "View Html" Tool

Expected behavior
The textarea of the View Html's popup should be scrollable

Screenshots
image

Affected package (please remove the unneeded items)

  • all themes

Affected suites (please remove the unneeded items)

  • Kendo UI for jQuery

Affected browsers (please remove the unneeded items)

  • All

Build system information (please remove the unneeded items)

  • Not Applicable

Additional context
Bug also observed with Less Kendo jQuery Themes

Completed
Last Updated: 27 Sep 2021 08:25 by ADMIN
Created by: Imported User
Comments: 2
Type: Feature Request
1
Currently, using npm install --save @progress/kendo-theme-material will get the standard Material Design theme for use across the React Components, but why is Material Black not available this way? (npm install --save @progress/kendo-theme-materialBlack)
Completed
Last Updated: 27 Sep 2021 08:01 by ADMIN

Hi Team,

I'd like to request the ability to add a Body section within the ThemeBuilder where the user can set the Body of the entire web document.  The Body section of the ThemeBuilder appears to only affect the Chat UI.

Thank you!

Completed
Last Updated: 17 Sep 2021 11:28 by ADMIN
Created by: n/a
Comments: 2
Type: Feature Request
3
Please add a dark theme similar to Kendo UI for Jquery
Completed
Last Updated: 31 May 2021 15:57 by ADMIN
Release 2021.3

When you put a TelerikEditor in a Telerik Form the Format dropdown gets stretched, which forces it onto its own line which doesn't look as good. 

 

Completed
Last Updated: 29 Mar 2021 12:52 by ADMIN
Release 2021.R1.SP.next

Bug report

Reproduction of the problem

  1. Open the following Demo with one of the SASS themes.
  2. Open the filter menu for the ProductName column

Current behavior

There is an additional border around the search input. The border appears when Sass is used.

Expected/desired behavior

The additional border should be removed.

Environment

  • Kendo UI version: 2020.3.915
  • Browser: [all]
Completed
Last Updated: 02 Mar 2021 15:28 by ADMIN
Created by: Aleksandr
Comments: 3
Type: Bug Report
0

1 - when use bootstrap v4  theme, ddl does not handle long names gracefully, please find in attachment example in bootstrap v4 & silver themes, also here are the dojo exaples

 

v4: https://dojo.telerik.com/AYoXEyoT/5

 

silver: https://dojo.telerik.com/aqIkUSiP/2

 

2 - for grid and separate controls validation message has diff view

 

https://dojo.telerik.com/aBuKaDun/6

 

should be the same

 

 

 

Completed
Last Updated: 02 Mar 2021 07:26 by ADMIN
Release 2021.2

This can be currently observed here: https://demos.telerik.com/kendo-ui/window/events

The "g" in the window title is truncated.