Questions on UI for Blazor Forum

1 answer

426 views

In Telerik blazor grid Incell editing mode once we edit existing grid row and modified and save. after that how to add new row programmatically (automatically like excel). no need to bother user to click add button again and again.

Grid

answered on 01 May 2021

1 answer

855 views

Data Grid - Put all rows in edit mode

I am trying to use the data grid for mapping a source to a destination. I would like to have a grid toolbar command that puts all rows in edit mode and then while in edit mode either disable or hide the button. Is this feasible if so, any guidance on how to do this?

Grid

answered on 30 Apr 2021

1 answer

177 views

Grid Column Menu...can it be invoked via code?

I'd like to have my own button invoke the GridColumnMenu... can this be done?

Grid

answered on 30 Apr 2021

8 answers

1.2K+ views

Maximized window fills entire scrollable area instead of the viewport

I have a scrollable page that includes logic to show a Telerik window control. I have the window height set by default to 600px and I have included the default maximize action. The content of the Window may or may not be scrollable as well.

When I maximize the window control it fills the entire scrollable area rather than just the current visible area.

Any thoughts on what I might be doing wrong or if this is how the control is supposed to work?

Thanks,

Greg

Window

answered on 30 Apr 2021

1 answer

143 views

TreeList Editor Template

Hi,

Is it possible to specify different editor templates for different levels in hierarchical data?

What I am trying to do is to build a hierarchical structure for grouping items. The list of items is specified so, in the grouping hierarchy, I want to select an item as the child element of the lowest grouping level rather than typing the name of the item and resolving if it exists. I thus want for the lowest level, to have a combobox rather than an editbox. The data items presented in the treelist have a property to bind to.

Thanks for any suggestions.

Renier Pretorius

TreeList

answered on 30 Apr 2021

1 answer

230 views

Telerik Grid Expand Button Tooltip?

Hi,

Is there a tooltip option to add for the expend plus button on the left of a telerik grid row. Several of my clients have wondered if I could do this? Is there a function already in the Telerik Blazor Grid component? If not, are there any examples of someone attempting this on github? My clients have employees which they believe this option/concept would be very helpful.

Grid

Tooltip

answered on 30 Apr 2021

2 answers

736 views

Window positioning glitch when Draggable=true and main page is scrolled up

I'm noticing that the window will shift down when I click on the window title (e.g. when I want to move the window). It only happens if I have scrolled my main page up. As a matter of fact, the window will shift down exactly the same distance that I've scrolled my main page. The shifting will occur repeatedly as well. Each time I click on the window title, it shifts down until it's completely disappeared. At that point I'm stuck because I can't close the window. Looks like the calculation that is computing the top coordinate of the window isn't correctly accommodating the scroll position of the main page.

Window

answered on 30 Apr 2021

1 answer

3.6K+ views

Grid Detail Template feature

Are there any plans to support the equivalent of ASP.Net Core Grid Detail Template in UI for Blazor?
Detail template in ASP.NET Core Grid Component Demo | Telerik UI for ASP.NET Core

Grid

answered on 30 Apr 2021

1 answer

283 views

Telerik Combobox loses it's binding grid when pressed update

Hello,

I want to use a combobox in a telerik grid, I'm succesfully able to bind and display the data in the combobox as well.

however when I select a value from the combobox and press the update button, I get out of the edit mode and the combobox

value goes back to null. (placeholder)

here is a simplified version of my models

  public class PageControlsM
    {

        [Key, DatabaseGenerated(DatabaseGeneratedOption.Identity)]
        public int Id { get; set; }

        public string ControlCode { get; set; }

        [ForeignKey("ControlCode")]
        public  ControlTypes ControlTypes { get; set; }

    }

public class ControlTypes
    {
        [Key]
        public string Code { get; set; }
        
        public string ControlName { get; set; }

        public string HtmlCode { get; set; }
    }

and this is my grid implementation:

 <TelerikGrid Data="@PageControlList"
                  Height="auto"
                  Pageable="true"
                  Sortable="true"
                  Reorderable="true"
                  Resizable="true"
                  PageSize="5"
                  EditMode="GridEditMode.Popup">
            <GridToolBar>
                <GridCommandButton Command="Add" Icon="add">Yeni Kontrol Ekle</GridCommandButton>
            </GridToolBar>
            <GridColumns>

                <GridColumn Field=@nameof(PageControlsM.ControlCode) Width="100%" Title="Kontrol Turu">
                    <EditorTemplate Context="controlMContext">
                        @{
                                if (controlMContext is PageControlsM controlM)
                                {
                                <TelerikComboBox Data="@ControlTypesList"
                                                 TextField="ControlName"
                                                 ValueField="Code"
                                                 Width="90%"                                                
                                                 @bind-Value="controlM.ControlCode"
                                                 Placeholder="<Seciniz>"
                                                 ClearButton="true"
                                                 Filterable="false">
                                </TelerikComboBox>
                                }
                        }
                    </EditorTemplate>

                </GridColumn>

                <GridCommandColumn Width="100%">

                    <GridCommandButton Command="Edit" Icon="edit">Edit</GridCommandButton>
                    <GridCommandButton Command="Delete" Icon="delete">Delete</GridCommandButton>
                    <GridCommandButton Command="Update" Icon="update" ShowInEdit="true">Update</GridCommandButton>

                    <GridCommandButton Command="Save" Icon="cancel" ShowInEdit="true">Save</GridCommandButton>
                    <GridCommandButton Command="Cancel" Icon="cancel" ShowInEdit="true">Cancel</GridCommandButton>
                </GridCommandColumn>

            </GridColumns>

        </TelerikGrid>

ComboBox

Grid

answered on 30 Apr 2021

1 answer

2.5K+ views

Using both '.' and ',' as decimal separators in a NumericTextBox

Hello,

I am using a NumericTextBox in a form to input a decimal number.
The only decimal-separating character is " , ". I would like to be able to also use ' . ' as it's commonly used and easier to access on the keyboard while using the numeric pad.

The component doesn't seem to allow me to set which separator is used. The only information I have found is that it's fully dependant on the app's culture. Our culture is set to French (France), which uses ' , ' as a separator, so it's the only symbol the component will allow.

Is there any way to allow multiple decimal separators without changing the entire app's culture? (Even in this case I don't know if that would enable me to use both commas and dots)

Thank you,

Johnny

NumericTextBox

answered on 30 Apr 2021