Telerik Forums
UI for Blazor Forum
1 answer
144 views

I have simple tree view i used it to select items from treeview it woks perfectly when I select parent item but

when I select child item . Next time child item disappears.
Anyway how to fix this problem

Shahraiz
Top achievements
Rank 1
Iron
 answered on 29 Oct 2021
1 answer
361 views

Designed using the HierarchicalData load on demand example, but I can only get the TelerikTreeView to display when I load the root data manually from OnInitialized.  I've even tried calling StateHasChanged in OnInitializedAsync after LoadRootHierarchical has completed.

Is there an issue with TelerikTreeView and async?

Hristian Stefanov
Telerik team
 answered on 28 Oct 2021
0 answers
200 views
I had to search for a while and found nothing about this. For those who need to use ThemeBuilder for the import:
The json file must be adjusted before:
from

"base": "@progress/kendo-theme-default",
  "product": "kendo",
  "components": [],
  "themeBuilder": [
    {


to

 "base": "@progress/kendo-theme-default",
  "product": "kendo",
  "components": [],
  "groups": [
    {


Best regards Matthias 
Matthias
Top achievements
Rank 5
Bronze
Bronze
Iron
 asked on 28 Oct 2021
0 answers
226 views
I see that there is a way to set and show a list of PageSizes in a dropdown list on the Pager control. Is there a way to do that for a paged Grid control?
Randy
Top achievements
Rank 1
 asked on 27 Oct 2021
1 answer
188 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
547 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
473 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
799 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
235 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
582 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?