Hi I have noticed that if the dropdown for an enum cannot wordwrap the item then the styling is broken, see the following the screenshot:

As you can see IN_PROGRESS is so long that it exceeds the column width and creates empty space above.

To me it appears as though an attempt to try to wordwrap the IN_PROGRESS but IN_PROGRESS has no applicable breaks in it.

 

Thanks,

Daniel

In the example below, the home icon is displayed correctly but the two with underscores are not.  Moving the span outside the drawer does display correctly.

<TelerikRootComponent>
    <TelerikDrawer Data="@NavigablePages"
                   @bind-Expanded="@DrawerExpanded"
                   MiniMode="true"
                   Mode="@DrawerMode.Push"
                   @ref="@DrawerRef"
                   @bind-SelectedItem="@SelectedItem">
        <Template>
            <div class="k-drawer-items">
                <ul>
                    <li class="k-drawer-item" style="white-space:nowrap">
                        <span class="k-icon material-icons" style="margin-right: 8px;">home</span>
                        @if (DrawerExpanded)
                        {
                            <span class="k-item-text">Home</span>
                        }
                    </li>
                    <li class="k-drawer-item" style="white-space:nowrap">
                        <span class="k-icon material-icons" style="margin-right: 8px;">shopping_cart</span>
                        @if (DrawerExpanded)
                        {
                            <span class="k-item-text">Shopping Cart</span>
                        }
                    </li>
                    <li class="k-drawer-item" style="white-space:nowrap">
                        <span class="k-icon material-icons" style="margin-right: 8px;">content_paste_search</span>
                        @if (DrawerExpanded)
                        {
                            <span class="k-item-text">Clipboard</span>
                        }
                    </li>
                </ul>
            </div>
        </Template>
        <DrawerContent>
                <div class="content px-4">
                    @Body
                </div>
            </div>
        </DrawerContent>
    </TelerikDrawer>
</TelerikRootComponent>

Provide an easy way to highlight or style the current selected tab. e.g. an ActiveTabClass property on the tab strip.

Pretty simple. With each release the product examples in the Github repo should be updated.

For example, I am looking at the drawer -> sidenav example. Before I can even run the example, I now need to go through all the code to make the updates from 2.14.1 to 3.4.0.  Some of the changes that I have to make are:

• TelerikButton no longer supports the Primary attribute
• Drawer content needs now needs to be in a <DrawerContent> element not <Content>

I should not have to make these updates to look at an example, especially when it is referenced from a forum posting.

I should just be able to compile and run the example.

Current implementation of Theme Color is annoying.

1. Setting the ThemeColor to be a static class instead of an ENum is bizarre.  It makes it really annoying to pass a typed themeColor into an input parameter.  I can understand the want to be more flexible and the inputs to your controls being a string
2. You are re-using the ThemeColor in several different places where it is simply repeated. This makes things really annoying.  

 

I recommend:

1. Keeping the inputs to your controls for theme colors to be a string, so you can maintain the flexiblity (reason I assume you changed this in the first place)
2. Use a single enum and in the documentation / examples say by default use "nameof(ThemeColor.Primary) for default themes"  You can add your own custom theme by .... and pass in a string.

 

 

 

REPL

I have a TelerikForm that contains form items within a TabStrip. If one of the items validates as an error it will display the error message and style the form item in red etc .... But if i switch to another tab and come back, the item will lose some of the styling. I have attached a couple screen shots and a sample project to reproduce it.

I have found an issue with editing currency values.

Steps to reproduce:

1. Fill up a value 56.55

2. Try to click between 55

3. Cursor is at the end

 

The same issue about clicking between 56, the cursor will be before the dot.

Hi, i have a blazor razor page that has several telerik elements - mainly grids, textboxes etc

 

i am wondering if there is such as feature where i can print the said page as a PDF?

As an extension to a context menu a radial menu control would be a nice addition.  

https://ux.stackexchange.com/questions/25002/are-circular-menu-button-interfaces-intuitive

 

Telerik Blazor charts are fine for some use cases but D3.js is much more powerful visualization library, could you provide blazor components/interops easily use D3.js in blazor?

I know this has been a request since a long time ago, I found it in the jQuery version, and I have found that Syncfusion has found a way to handle this specific possibility.

As I'm quite enjoying the rest of the Telerik suite for Blazor, I'd like for this ability to be added in the Scheduler.

There are several ways to handle this, but one of the possible ways is what Syncfusion has done with SetWorkHoursAsync(List<DateTime>, String, String, Nullable<Int32>).

I'm usually showing either a specific day or a week, since my locations are possibly open every day of the week.

I'm currently handling breaks/no possible appointment windows during the work period with an uninteractable appointment, so at least I found a way through that.

Hello.

I have a scenario where I need to make some nodes in a TreeView checkable and some not.  It would be nice if there was an "IsCheckable" binding that determines whether a node should render a checkbox or not.

Although I've no use for it yet, the same could be done for "IsSelectable".  

Is there some way to do this already, and I'm just not seeing it?  I'd prefer not to use JavaScript interop, or recreate the checkbox functionality through an ItemTemplate.

 

Title: WCAG 4.1.2: Ensures all ARIA attributes have valid values (input[_bl_2=""])
Tags: Accessibility, WCAG 4.1.2, aria-valid-attr-value

Issue: Ensures all ARIA attributes have valid values (aria-valid-attr-value - https://accessibilityinsights.io/info-examples/web/aria-valid-attr-value)

Target application: Hermes Home - https://localhost/TrafficLoss

Element path: input[_bl_2=""]

Snippet: <input tabindex="0" class="k-input-inner" role="spinbutton" aria-valuemin="-1.7976931348623157E+308" aria-valuemax="1.7976931348623157E+308" data-id="fe5748c4-0ddd-455e-ad61-aafc0e0367fb" _bl_2="">

How to fix: 
Fix all of the following:
  Invalid ARIA attribute values: aria-valuemin="-1.7976931348623157E+308", aria-valuemax="1.7976931348623157E+308"

Environment: Microsoft Edge version 105.0.1343.42

====

This accessibility issue was found using Accessibility Insights for Web 2.34.1 (axe-core 4.4.1), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.

Today I submitted ticket Telerik VS 2022 Extensions break IntelliSense/typing in Visual Studio 2022 Version 17.3.4 but it doesn't show on Support Center under 'Your Support Tickets'. The only ticket that shows is from 9 months ago.

BTW, I'm reporting this thicket and previous ticket under UI for Blazor because I didn't see how to report it for the Extensions and for Support Center. Maybe that's another thing you need to look at?

I'm using a numeric textbox to handle a decimal value with the Format is set to "#,0" (which it needs to be since the client's specification is to have a whitespace as a decimal separator). While the entered value is less than a thousand then the entire value gets selected when tabbing into the component, but once it's large enough to display a group separator tabbing just puts the cursor at the end of the input without selecting the value.

I believe this to be a bug.

https://demos.telerik.com/blazor-ui?_ga=2.8703669.100016802.1664949455-1931469790.1620243254

 

error 500

Hi,

it would be nice to have a single button in the GridToolbar that opens the column chooser menu or something like that (popup?).
Often we need to save space in a grid and disable the menu option for the columns but then we lose the ability to choose which columns the user might want to disable. This also apply to very small columns with small header information, e.g. if you just need 2 or 3 letters to describe the column data then the menu with its three dotted button is to large.

Best Regards,
Thomas

Our team is in the need of canvas support to allow users to adjust image parameters including brightness and contrast.  The ImageEditor from ASP.NET AJAX is perfect for our use-case and would like to know if this can be made available for Blazor UI.  Any suggestions would be deeply appreciated.

The demo for onseriesclicked does not work.  I get the error: An unhandled error has occurred. Reload.  Reload is a link, when I select it, I still get the error.  I can just rip out the demo code and try it myself, but I thought you might want to know, it doesn't work for me:

 

Widows Edge Browser

Windows 10 OS