Telerik Forums
UI for Blazor Forum
1 answer
242 views
Hello everyone,
I'm working with tabstrips, and I've noticed that when clicking on the tab content, a white border appears (see left side of the image). I've tried several styles, but I haven't been able to remove it.
How can I make that border not visible?
Thank you.

Twain.
Dimo
Telerik team
 answered on 08 Aug 2023
1 answer
327 views

Hi, our team is using - https://docs.telerik.com/blazor-ui/components/grid/overview

 

We are trying to extend the 'GridColumn' control to have show/hide depending on if our user is authenticated, with some role-based things as well.

Where I've gotten to is something like this...

//AuthorizedGridColumn.razor

@typeparam TItem @if (IsAuthorized) { <GridColumn Field="@Field" Title="@Title"> <Template Context="item"> @ChildContent((TItem)item) </Template> </GridColumn> } @code { [Inject] private AuthenticationStateProvider AuthenticationStateProvider { get; set; } = null!; [Parameter] publicstring Field { get; set; } [Parameter] publicstring Title { get; set; } [Parameter] public RenderFragment<TItem> ChildContent { get; set; } [Parameter] publicstring PolicyName { get; set; } privatebool IsAuthorized { get; set; } protected override async Task OnInitializedAsync() { var authState = await AuthenticationStateProvider.GetAuthenticationStateAsync(); var user = authState.User; if (user.Identity == null) { IsAuthorized = false; } else { IsAuthorized = user.Identity.IsAuthenticated && user.IsInRole("Admin"); } await base.OnInitializedAsync(); } }

With usage that looks like...


<AuthorizedGridColumn TItem="OurClass" Field="@nameof(OurClass.OurProperty)" Title="Something">
                            <ChildContent Context="binding">
                                @{
                                    <p>Only Admins!</p>
                                }
                            </ChildContent>
                        </AuthorizedGridColumn>
Which does work, but the ordering of the columns is incorrect. Instead of displaying in order e.g. I would expect

<AuthorizedGridColumn TItem="OurClass" Field="@nameof(OurClass.OurProperty)" Title="Something">
                            <ChildContent Context="binding">
                                @{
                                    <p>Only Admins!</p>
                                }
                            </ChildContent>
                        </AuthorizedGridColumn>
<GridColumn></GridColumn>
<GridColumn></GridColumn>
To produce something like
|AuthorizedColumn|Regular Column|Regular Column|
| content| content| content|

Instead it renders
|Regular Column|Regular Column|Authorized Column|

Fwiw the same behavior also seems to be a problem when you do this without the custom control

<AuthorizeView Roles="Admin">
                        <GridColumn></GridColumn>
                    </AuthorizeView> 
                    <GridColumn></GridColumn>
                    <GridColumn></GridColumn>

Any help is greatly appreciated!

Dimo
Telerik team
 answered on 08 Aug 2023
4 answers
822 views

Hi,

is it possible to achieve a result like in this dojo in blazor too?

Greetings and thanks.

Marcus
Top achievements
Rank 1
Iron
 answered on 07 Aug 2023
1 answer
147 views
Can you save the edited HTML back to a database after modifying it in the Telerik Editor?
Dimo
Telerik team
 answered on 04 Aug 2023
1 answer
135 views
Is there any chance to use seperators within the menu ?
Dimo
Telerik team
 answered on 04 Aug 2023
1 answer
119 views

I just updated from 4.0.1 to 4.4 and it broke my gridlayouts. I'm guessing it may have to do with the dependencies.

 

How do I updte the items listed below? Will this resolve my issue?

 

Before Update:

 

After Update:

Dimo
Telerik team
 answered on 04 Aug 2023
1 answer
318 views
I'm updating an older ASP.Net program (.Net 2; Bootstrap 3; Telerik / Kendo stuff from 2018) and some of the components are just proving easier to rewrite completely than to try and update.

I have a proof-of-concept where I've replaced one of our TabStrips with a Blazor UI Tabstrip -- holy crap, Blazor is nice -- but I think the definitions in telerik-blazor.js are overriding the Kendo UI for JQuery definitions.

I'm already only importing the JQuery definitions I need and bundling with Webpack -- is there any way to do the same thing with the Blazor UI stuff short of building a stripped release from source?
Dimo
Telerik team
 answered on 04 Aug 2023
0 answers
857 views

Hi, 

I am using Kendo blazor component and getting below warning while using all the components.  Please see attached screenshot for snippet.

Warning Message : "Found markup element with unexpected name "TelerikGrid". If this is intended to be a component, add a using directive for its namespace"

Can you tell what namespace should I add in razor file to resolve this issue?


--

Thanks, 

Yash

Yash
Top achievements
Rank 1
 asked on 04 Aug 2023
1 answer
170 views

HI,

the DragClueField when using Drag&Drop only exists for the Grid right now. Why is this attribute not setable for the TreeView also?

Georgi
Telerik team
 answered on 03 Aug 2023
1 answer
253 views

Inside the Themebuilder is an AppBar-Component but I can not find any documentation about it !?

I would like to use it but I do not know how !

Yanislav
Telerik team
 answered on 02 Aug 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?