Questions on UI for Blazor Forum

2 answers

229 views

Comobox inside Modal Window Filter Problem

When I try to use the filtering on a combox box that is inside of a Modal Window, the drop down opens behind the modal window and is un-usable?

I have attached a screen shot of what is happening?

Can this not be used inside a modal window?

ComboBox

answered on 12 Apr 2021

4 answers

1.4K+ views

Percentage Format

Hello,
I had a problem with percentage format. whenever i use percentage and input 1 to the numeric text box it shows 100% when i input 0.10 it shows 10%
is there a way to fix this ?
like inputing 1 will show 1% and inputing 10 will show 10%

NumericTextBox

answered on 12 Apr 2021

1 answer

671 views

Add Tooltip when mouseover TelerikTreeView items

Hi,

I recently just starting playing around with TelerikTooltip for blazor.

Is it possible if I can add a custom tooltip to the items when mouseover?

TreeView

answered on 09 Apr 2021

1 answer

755 views

Custom Template for TelerikCheckBoxListFilter

I have a Telerik Blazor Grid and one of the columns is displaying values from an enum, the enum is defined as:

01.[Serializable]

02.public enum ClientType

03.{

04. [EnumOrder(1)]

05. [Description("Fleet")]

06. Fleet = 1,

07.

08. [EnumOrder(2)]

09. [Description("Manufacturer")]

10. Manufacturer = 2,

11.

12. [EnumOrder(3)]

13. [Description("Manufacturer (Restricted)")]

14. ManufacturerRestricted = 3,

15.

16. [EnumOrder(4)]

17. [Description("Other")]

18. Other = 4

19.}

I wanted to be able to display the value stored in the Description attribute of the enum rather than the enum value as the Description attribute value is more readable. I was able to do this by using an enum extension method and calling that in a GridColumn template like so:

1.<GridColumn Field="@(nameof(ClientInfo.ClientType))" Width="100px" Filterable="true" Groupable="false">

2. <Template>

3. @((context as ClientInfo)?.ClientType.ToDescription())

4. </Template>

5.</GridColumn>

I then looked at adding a checkbox filter to this column so that all the possible enum values would be shown as checkboxes. I have managed to do this by adding a FilterMenuTemplate with a TelerikCheckBoxListFilter to the GridColumn like so:

01.<GridColumn Field="@(nameof(ClientInfo.ClientType))" Width="100px" Filterable="true" Groupable="false">

02. <FilterMenuTemplate Context="context">

03. <TelerikCheckBoxListFilter Data="@GridFilterOptionsService.ClientTypeList"

04. Field="@(nameof(ClientTypeFilterOption.ClientType))"

05. @bind-FilterDescriptor="@context.FilterDescriptor">

06. </TelerikCheckBoxListFilter>

07. </FilterMenuTemplate>

08. <Template>

09. @((context as ClientInfo)?.ClientType.ToDescription())

10. </Template>

11.</GridColumn>

This functions and correctly filters the grid based on the filter values checked. Unfortunately I'm not able to apply the same enum extension method as to display the Description attribute value from the enum for the checkboxlist items Text item.

The attached picture shows the checkboxlist rendering the enum values and not the Description attribute values.

I have tried the following but it doesn't work:

01.<GridColumn Field="@(nameof(ClientInfo.ClientType))" Width="100px" Filterable="true" Groupable="false">

02. <FilterMenuTemplate Context="context">

03. <TelerikCheckBoxListFilter Data="@GridFilterOptionsService.ClientTypeList"

04. Field="@(nameof(ClientTypeFilterOption.ClientType))"

05. @bind-FilterDescriptor="@context.FilterDescriptor">

06. <Template>

07. @((context as ClientTypeFilterOption)?.ClientType.ToDescription())

08. </Template>

09. </TelerikCheckBoxListFilter>

10. </FilterMenuTemplate>

11. <Template>

12. @((context as ClientInfo)?.ClientType.ToDescription())

13. </Template>

14.</GridColumn>

Is there a way I can achieve displaying the enum Description attribute values in the TelerikCheckBoxListFilter like I can in the GridColumn Template ?

Grid

answered on 09 Apr 2021

1 answer

131 views

Set another Project View as TabStrip Content

Hello, Is it possible to define a view (razor-class) as the content of a TabStripTab, as is possible in the Telerik WPF TabItem? Something like this:

<TabItem.Content>

<view:AnotherProjectView x:Name="AnotherProjectView "/>

</TabItem.Content>

</TabItem>

</Tabcontrol>

TabStrip

answered on 09 Apr 2021

1 answer

160 views

Possible to write a custom filter for a subset of columns?

I have a wide grid and need to write custom filters for two of the columns. I've implemented this in OnRead but is there a way to do that while allowing the default filter to run for all the other columns or do I need to write custom filters for all columns?

Grid

answered on 09 Apr 2021

1 answer

214 views

AutoGeneration And Templates

Is it possible to use both Auto Generation (https://demos.telerik.com/blazor-ui/form/auto-generated) and Templates (https://demos.telerik.com/blazor-ui/form/templates)?

In other words, specify the template for a couple of items and let it autogenerate the rest?

This would be incredibly useful for handling situations like dropdown that need external data.

Form

answered on 09 Apr 2021

1 answer

236 views

Autocomplete and the Picklist component not showing correctly

Since the latest update (2.23) there seems to be in issue with the dropdown screen of the Autocomplete and the Picklist component.

When they are displayed in a TelerikWindow, they become hidden behind the background of the window. See the attached screenshot for an example.

(The box containing "test" is a a picklist, the autocomplete presents the same behavior)Is this an issue on my end or just a bug since the latest update?Thank you in advance.

AutoComplete