Telerik Forums
UI for Blazor Forum
1 answer
183 views
I have a requirement where the user needs to be able to add a node to the treeview, which I have working. The requirement however is to NOT use a popup to prompt for the text for the node, but rather add the node - and have it editable straight away. The users can then enter the text, and either hit enter, or press/click somewhere else on the screen to commit the text change - and in turn - call the relevant API endpoint to persist the text.

Any ideas? Was hoping for an <EditItemTemplate> of sorts, but only <ItemTemplate> seems to be available.

Any assist appreciated :)
Svetoslav Dimitrov
Telerik team
 answered on 27 Oct 2021
1 answer
538 views

 

I am coming up to speed on using Blazor with little other web experience, so the answer probably a gap in my knowledge that is right in front of me and I can't see it... that being said:

I have a fairly standard DataGrid (included below), and it has been requested that the GridCheckBoxColumn have the checkbox centered.

For other items requiring some kind of formatting, I would just template the column with a <div> and handle things.  However, I could not find anything on how to manipulate the GridCheckBoxColumn other than the  OnCellRender event.  I have been able to verify I am receiving the event by changing the background color, but I have not found anything that will center the checkbox

Thanks!

Bob

                        <TelerikGrid Data=@lstGridData SelectionMode="GridSelectionMode.Single" Pageable="true" SelectedItemsChanged="@((IEnumerable<CEnterprise> enterprises) => OnSelect(enterprises))" Width="100%" PageSize="12">
                            <GridToolBar> <TelerikButton OnClick="@( () => EnterpriseEdit(null) )" Icon="add">Add new Enterprise</TelerikButton> </GridToolBar>
                            <GridColumns>
                                <GridCheckboxColumn SelectAll="false" Title="Select" OnCellRender="@( (e) => MakeItCentered(e) )" />                                
                                <GridColumn Field="EnterpriseName" Title="Name" />
                                <GridColumn Field="DisplayLocation" Title="Location" />
                                <GridColumn Field="ContactName1" Title="Contact" />
                                <GridColumn Field="ContactName2" Title="Contact 2" />
                                <GridCommandColumn Title="Edit" Width="8%" Context="ctxAuthorizeViewRender">
                                    <GridCommandButton OnClick="@((args) => EnterpriseEdit(args.Item as CEnterprise))" Icon="edit">Edit</GridCommandButton>
                                </GridCommandColumn>
                            </GridColumns>
                        </TelerikGrid>

 

@Code

{

    void MakeItCentered(GridCellRenderEventArgs args)
    {
        args.Class = "tiddleywinks";

    }

}

 

Dimo
Telerik team
 answered on 27 Oct 2021
1 answer
457 views
The blazor-ui samples blazor-ui/ResponsiveGrid.razor at master · telerik/blazor-ui · GitHub show using a windows hook to make a responsive GRID.  I've had pushback on this saying that BootStrap using CSS can do this instead.  Is there another approach using CSS that can make the GRID responsive to window resizing and changes in media sizes?
Marin Bratanov
Telerik team
 answered on 26 Oct 2021
0 answers
792 views

I have the following grid.  I the student has many different schools.  How do I list the different schools in one column. 

<TelerikGrid Data="@openTipGridData" ...>
                            <GridToolBar>

                            </GridToolBar>
                            <GridSettings>
                                <GridPagerSettings InputType="PagerInputType.Input" PageSizes="@gobalPageSizesOptions" ButtonCount="5" />
                            </GridSettings>
                            <GridColumns>
                                <GridColumn Field="Student.FirstName" Title="First Name"></GridColumn>
                                <GridColumn Field="Student.LastName" Title="Last Name"></GridColumn>
                                  <GridColumn Title="Schools">
                                    <Template Context="Schools">
                                        @foreach (DataColumn col in openTipGridData.Student.Schools)
                                        {
                                            
                                        }
                                    </Template>
                                </GridColumn>
                                <GridColumn Field="Encounter.AddDate" DisplayFormat="{0:dd MMM yy}" Title="Assigned To"></GridColumn>
                            </GridColumns>
                        </TelerikGrid>

 

Rich Schone
Top achievements
Rank 1
Veteran
 asked on 25 Oct 2021
1 answer
225 views

I would simulate the "DblClick" event that Telerik use to open the window with the "Create Appointment" default fields. I have a button in the page, outside the TelerikScheduler component, and I would like to create a new Appointment by there, using the default "CreateAppointment" Telerik window, obviously with tha "StartDate" and "EndDate" fields empty.  A generic Appointment, in few words.
Is there any way to do this? Where I can find the method that open that window?

 

(I found this in the "kendo.all.min.js", but I am not sure if it is the right point where Telerik launch the method:

t.trigger("add", {
        eventInfo: f({
        start: i.startDate(),
        end: i.endDate()
      }, o);

if it is, how can I use it?)

 

Thanks,

Angelo Marzullo

Hristian Stefanov
Telerik team
 answered on 25 Oct 2021
1 answer
575 views

Out of the box the content div (with the k-tabstrip-content class) has a tabindex="0" attribute. Is there a way I can get the TelerikTabStrip to generate this with tabindex="-1" to prevent the div from being selected.


 

Nadezhda Tacheva
Telerik team
 answered on 25 Oct 2021
1 answer
589 views
With the upgrade to 2.27 My vertical tab strip has become narrower and my labels are wrapping.  How would control the width of the vertical tab strip and/or control the size of the font in the labels?
Marin Bratanov
Telerik team
 answered on 23 Oct 2021
1 answer
243 views

Is there a way to hide a grid on the page, but still allow for export to Excel the "easy way" - using the ExportToExcel command?

For example, can this command be called by another button?

Marin Bratanov
Telerik team
 answered on 23 Oct 2021
1 answer
426 views
Hello,

I created a class library designed to communicate with a database on my local computer. I wanted to import this class library to my Telerik blazor project (The demo one with some modifications). I uploaded my class library in the solution but when I want to use it (using instruction) in a new Page, I get the error "CS0246 The type or namespace name 'DataAccessLib' could not be found (are you missing a using directive or an assembly reference?)". 
Isn't possible to import other class librairies not made with telerik into a telerik project ?

Greetings
Rémy Macherel
Marin Bratanov
Telerik team
 answered on 23 Oct 2021
1 answer
1.4K+ views

We are looking to implement the grid to replace agGrid in a situation where the users are accustomed to some patterns.  We are using server-side Blazor and have reports that may have 60k rows.   Our preference is not to use paging, and since we have grouping, it seems that virtual scrolling is not an option.   

Right now we struggle to load as many as 10k rows, even without grouping.  I get an error:  WebSocket closed with error 1006.

We are not doing any updates in the grid, so it would seem that if we could turn off anything to make it read only (we do filter and sort it, but don't update any cells) then that might lighten the load.

Any ideas about grid or column attributes we could set?  Or any other ideas?

 

Marin Bratanov
Telerik team
 answered on 23 Oct 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?