Hi, after I've upgraded my project to 2.27, my controls are not aligned anymore. I've found out the issue is at the all.css file, where it defines the height of the input controls, as shown in the files.

Is there anything I can to do fix it?

Hi, I am trying to hide the hours column from the scheduler day view(please see screenshot)

from what I can see, there is no property on the control to achieve this behavior.

I would also like to stack the items on top of each other instead of horizontally..

Is there a way to achieve this?

Thanks!

Hi,

Usually you can easily get the context by doing the following:

        <GridColumn Field="PostalCode">
            <Template>
                @{
                    var item = context as Hostel;
                    //stuff happens
                }
            </Template>
        </GridColumn>

I have overridden the Telerik GridColumn with my own GridColumn, and I want to be able to pass the context as a parameter to my own GridColumn, like this:

<GridColumn Item="@context" Field="PostalCode"></GridColumn>

Is this possible?

Is it possible for users to add their own HTML/ARIA attributes to Telerik components as needed?

There are some elements in Telerik components that are failing Success Criterion 4.1.2, "ARIA attribute cannot be used, add a role attribute or use a different element: aria-label", because they have the aria-label attribute but they don't have the required aria-role attribute to go along with it.

One example is in the grid component: https://demos.telerik.com/blazor-ui/grid/keyboard-navigation. Demo the component using "EDIT IN TELERIK REPL" and run an axe or Accessibility Insights test on the page to see these errors on a couple of elements. One of the elements that has this error is the next/previous button for pagination:

<a data-index="10" aria-label="Go to the next page" title="Go to the next page" class="k-link k-pager-nav  " tabindex="-1"><!--!-->
    <span class="k-icon k-i-arrow-60-right" role="presentation"></span><!--!-->
</a>

In this case, we would need to add the appropriate aria-role attribute to the <a> tag.

What is the best way to add these attributes? Also, are you planning on fixing this accessibility issue across all your components?

Will there be a possibility to get the .scss or .json files with the color palette of the old themes like Vintage, Metro, Urban, Moonlight, Office 365, Powder Blue, Uniform and others?

Since they are not available in the new Sass Builder, my idea is to rearm them. It would be great not to have to do it from scratch.
I guess you must have that info available somewhere.

Regards.

I just updated Telerik and found that all the controls (TelerikTextBox, TelerikDropDownList) have been resized, mainly the height. I can't tell exactly what Telerik changed. I'm using Bootstrap, so I'd like to use those sizes, but Telerik seems to override Bootstrap. Is there a new way to make the controls the same size and the smallest possible?

This is generally what I need to work, otherwise I'll have to go back to using InputText

<TelerikTextBox Class="form-control form-control-sm">

I'm utilizing the notification and trying to implement a click event similar to this example:

https://docs.telerik.com/blazor-ui/components/notification/templates#get-a-click-event-for-notification-body

My problem is that I need to get a custom field to my click event (i.e. the ID of a database record) that will be different for each notification. Is there anyway to pass custom data to the notification other than what is in the NotificationModel?

I have the following code.  Currently it renders menus in Orange color by default.  How to customize the item color to WHITE and make it BOLD?

<div style="width: 100%; margin: 0 auto; background-color:gray;">
    <TelerikMenu Data="@MenuItems" Class="centered-menu"
        UrlField="@nameof(MenuItem.Page)"
        ItemsField="@nameof(MenuItem.SubSectionList)"
        TextField="@nameof(MenuItem.Section)">
    </TelerikMenu>
</div>

My CSS:

.k-menu.centered-menu,
::deep .k-menu.centered-menu {
    justify-content: center;
}

 It renders: