Telerik Forums
UI for Blazor Forum
1 answer
150 views
We are start using Blazor in a major redevelopment of our Angular App.
We are looking at the Drawer to create a side navigation component that will display Hierarchical data.
At the moment with just two levels the description of the items is clipped and shows the three dots at the end e.g. "Financial Comparis..."
How do I resize the drawer sidebar width to more than the default 240px so that text is not clipped and ends with ....?
Hristian Stefanov
Telerik team
 answered on 20 Dec 2023
1 answer
290 views

I have recently downloaded the latest Telerik.UI for blazor 5.0.1 commercial and I tried converting a dotnet 8 project to a telerik project using the context menu. 

Is there a plan to have support for the new .NET 8 project templates?

The option to also create a new blazor project from the Visual Studio 2022 project templates is gone. I cannot create a blazor project.

I saw the "Discover the Magic of .NET 8 and Beyond!" webinar and it seemed support for .NET 8 was ready

Momchil
Telerik team
 answered on 20 Dec 2023
1 answer
644 views
How would I create a custom reusable component using Blazor Grid?  I have the following that I'd like to create a component from:

<TelerikGrid    Data="@InitialLendersData"
EditMode="@GridEditMode.Incell"
SelectionMode="@GridSelectionMode.Multiple"
@bind-SelectedItems="@SelectedInitialLenders"
Height="250px"
Width="640px"
OnEdit="@EditInitialLendersHandler"
OnUpdate="@UpdateInitialLendersHandler">
<GridColumns>
<GridColumn Field="@nameof(Lender.IsSelected)" Title="" Width="50px" TextAlign="@ColumnTextAlign.Center" Editable="false">
<Template>
@{
EditedLender = context as Lender;
<TelerikCheckBox @bind-Value="@EditedLender.IsSelected" OnChange="@ChangeSelectedHandler" />
}
</Template>
</GridColumn>
<GridColumn Field="@nameof(Lender.Name)" Editable="false" />
<GridColumn Field="@nameof(Lender.Amount)" Width="160px" DisplayFormat="{0:C2}" TextAlign="@ColumnTextAlign.Right">
<EditorTemplate>
@{
var item = context as Lender;
<TelerikNumericTextBox @bind-Value="@item.Amount" DebounceDelay="0" Min=0 Max=999999999999 Arrows="false" Format="C2" Decimals="2"></TelerikNumericTextBox>
}
</EditorTemplate>
</GridColumn>
</GridColumns>
</TelerikGrid>


How do I pass in the data (InitialLendersData & SelectedInitialLenders) and references to the events (EditInitialLendersHandler, UpdateInitialLendersHandler & ChangeSelectedHandler) from the custom component?  Is this possible? 
Dimo
Telerik team
 answered on 20 Dec 2023
1 answer
227 views

Is there any way to add your own columns to the list view of the file manager in addition to the default columns, or are you limited to the default columns of name, date created and file size?

In general, how easy is it to customize the appearance and data displayed?  Is it easy to extend the component with custom behavior?

Hristian Stefanov
Telerik team
 answered on 19 Dec 2023
4 answers
351 views

i would like to make separate control telerik form to update the grid. How to associate this new control with a grid?

regards,

Djole

Djordje
Top achievements
Rank 1
Iron
Iron
Iron
 answered on 19 Dec 2023
4 answers
407 views

Hi,

I use a TelerikGrid relying on FluentValidator.

Validation works fine when users manually edit a grid value.

But I do not manage to trigger it after the grid loads (so users can view possible incorrect values after DB loading).

 

I have tried 2 different ways, both without success.

1) using validation at Grid level.

Well I basically replicated your demo:

https://docs.telerik.com/blazor-ui/components/grid/editing/validation

 

2) using a TelerikForm inside the (only cell) that needs to be validated.

Something like this:


<TelerikGrid @ref="@_gridRef"
                 TItem="MyDto"
                 Data="@MyItems">

   <GridSettings>
     <GridValidationSettings>
       <ValidatorTemplate>
         <FluentValidationValidator Validator=@_validator />
       </ValidatorTemplate>
     </GridValidationSettings>
   </GridSettings>



 <GridColumns>

[...]

  <GridColumn Field="@nameof(MyDto.MyProp)" Title="My Prop"Context="ctx">
    <Template>
      <EditForm Model="@ctx">
        <FluentValidationValidator Validator=@_validator/>
        <TelerikTextBox @bind-Value="@((ctx as MyDto).MyProp)"/>
      </EditForm>
    </Template>
  </GridColumn>
</GridColumns>
</TelerikGrid>


In both cases, the Textbox turns red if the users types an incorrect value.

But it does not if the grid load an incorrect value from the DB and display it.

 

Any suggestion to make this work?

Arnaud
Top achievements
Rank 1
Iron
 answered on 18 Dec 2023
1 answer
189 views
Is there any way to dynamically hide the Repeat options on the Add Event dialog? We have a scenario where some users should be able to create recurring appointments, but other users should be restricted to creating "one-off" appointments only.

Georgi
Telerik team
 answered on 18 Dec 2023
1 answer
340 views

Hello!

I am using Telerik.UI.for.Blazor version 5.0.0.,

I have a page with a treelist. I want all items to be collapsed when the page is loaded and the treelist is displayed for the first time.

How do I do this?


Georgi
Telerik team
 answered on 18 Dec 2023
0 answers
505 views

Hi,

I'm currently evaluating Telerik UI for Blazor using the new .NET 8 capabilities. 

I'm trying to have static pages (using the default SSR mode) with interactive islands of individual components on the page using RenderMode.InteractiveAuto

Looking at the setup documentation here https://docs.telerik.com/blazor-ui/getting-started/web-app#43-add-the-telerikrootcomponent it says that it's possible to set it only for specific pages and components, but then it says that <TelerikRootComponent> needs to wrap the entire view port (i.e. the whole <div class="page">)

Is there a way to create interactive islands at a component level with Telerik UI for Blazor?

 

Thanks

thing
Top achievements
Rank 1
 asked on 15 Dec 2023
1 answer
221 views

Hi, I want to be able to open the dropdown of the AutoComplete component upon focus of the input field.
I found this can be done with a workaround using Js interop:
https://docs.telerik.com/blazor-ui/knowledge-base/inputs-open-programmatically

However, I feel this functionality should be supported out of the box through some 'OpenOnFocus' parameter on the component.
It would be a very welcome improvement!

Kind regards,

Lennert

Georgi
Telerik team
 answered on 15 Dec 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?