Telerik Forums
UI for Blazor Forum
1 answer
134 views
I'd like to be able to programmatically set the focus to a panel bar component.  How can I go about doing this?  Alt-W is not what I'm looking for.  Ideally, I'd like to be able to do this from an anchor link.
Nadezhda Tacheva
Telerik team
 answered on 17 Nov 2023
2 answers
1.0K+ views
Do you have any plans on modifying the component to upload large video files over 1GB in size? From your documentation it looks like the upload component will only handle the max request size of IIS.
Renier Pretorius
Top achievements
Rank 2
Iron
Iron
Iron
 answered on 17 Nov 2023
1 answer
239 views

Hello,

My use case requires me to be able to set the selected panel bar item programmatically. However, I don't see any data bindings or api methods on the control ref to set the selected panel. Is this possible?

Setting the private member SelectedItem through reflection appears to work. Are there implications to doing this that I should be aware of?

        PanelBarRef.GetType().InvokeMember("SelectedItem",
            BindingFlags.Public | BindingFlags.NonPublic | BindingFlags.SetProperty | BindingFlags.Instance, 
            null, 
            PanelBarRef,
            new object[] { SelectedPage });

 

Thank You,

-Andy

Dimo
Telerik team
 answered on 16 Nov 2023
1 answer
418 views

Hello, 

I'm using PDF Viewer to load a byte[] from my file 

 

file info : 28 pages

size : 3,4MB

It takes almost 20 seconds to load my pdf... theres an option to optimize this?

Code:

@if (arquivopdf != null)
{
    <div class="mt-n7">

        <TelerikPdfViewer @ref="@PdfViewerRef"
                          Width="100%"
                          Height="800px"
                          Data="arquivopdf">
            <PdfViewerToolBar>

                <PdfViewerToolBarZoomTool />

                <PdfViewerToolBarCustomTool>
                    <MudIconButton Icon="@Icons.Material.Filled.Download" Size="Size.Small" Color="Color.Dark" OnClick="BaixarArquivo" Style="@ocultarImprimir" />
                </PdfViewerToolBarCustomTool>

                <PdfViewerToolBarCustomTool>
                    <MudIconButton Icon="@Icons.Material.Filled.MobileScreenShare" Size="Size.Small" Color="Color.Dark" OnClick="() => AbrirEncaminhar()" Style="@ocultarEncaminhar" />
                </PdfViewerToolBarCustomTool>

                <PdfViewerToolBarCustomTool>
                    <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" Disabled="@disableAnterior" Size="Size.Small" Color="Color.Dark" Style="@ocultarBtnAnterior" OnClick="() => CarregarAnterior()" />
                </PdfViewerToolBarCustomTool>

                <PdfViewerToolBarCustomTool>
                    <MudIconButton Icon="@Icons.Material.Filled.ArrowForward" Disabled="@disableProximo" Size="Size.Small" Color="Color.Dark" Style="@ocultarBtnProximo" OnClick="() => CarregarProximo()" />
                </PdfViewerToolBarCustomTool>

                <PdfViewerToolBarCustomTool>
                    <MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" Color="Color.Dark" OnClick="()=> Cancel()" />
                </PdfViewerToolBarCustomTool>

            </PdfViewerToolBar>
        </TelerikPdfViewer>

    </div>
}

    protected override async Task OnInitializedAsync()
    {
        _relatorio = await _RelatorioService.ObterRelatorioPorId(Id);

        arquivopdf = _relatorio.Arquivo;
    }

 

Hristian Stefanov
Telerik team
 answered on 16 Nov 2023
1 answer
716 views

My app showed no icons after upgrading to 4.6.0. :(

I tried the KB suggestions to fix it. Went from no icons to getting the hamburger back and blank boxes!

See:

In _Host.cshtml I added:

<link href="_content/Telerik.UI.for.Blazor/css/kendo-font-icons/font-icons.css" rel="stylesheet" />

In _Imports.razor I added:

@using Telerik.FontIcons

In codebehind page I have:

 public TelerikDrawer<DrawerItem> Drawer { get; set; }
 public DrawerItem SelectedItem { get; set; }
 public IEnumerable<DrawerItem> Data { get; set; } =
     new List<DrawerItem>
             {
     new DrawerItem
     {
         Title = "Home",
         Text = "Home",
         Icon = "home",
         Url="./"
     },
     new DrawerItem { Separator = true},
     new DrawerItem
     {
         Title = "CostTN Search",
         Text = "CostTN Search",
         Icon = "eye",
         Url="TNSearch"
     },
     new DrawerItem
     {
         Title = "RevIOTN Search",
         Text = "RevIOTN Search",
         Icon = "search",
         Url="RevIOTNSearch"
     },
     new DrawerItem
     {
         Title = "TN Mapping",
         Text = "TN Mapping",
         Icon = "subreport",
         Url="TNMapping"
     },
     new DrawerItem
     {
         Title = "Load Stats",
         Text = "Load Stats",
         Icon = "subreport",
         Url="LoadStats"
     },
     new DrawerItem
     {
         Title = "UnMapped Lines",
         Text = "UnMapped Lines",
         Icon = "subreport",
         Url="UnMappedLines"
     },
     new DrawerItem { Separator = true},
         // new DrawerItem
         //{
         //    Title = "Crtls Demo",
         //    Text = "Crtls Demo",
         //    Icon = "subreport",
         //    Url="ControlsDemo"
         //},
                 };

 

I am not sure what I am missing.

 

Dimo
Telerik team
 answered on 15 Nov 2023
1 answer
175 views

I want to separate Wizard or Stepper into separate Blazor components.

Someone that can guide me how to separate the Wizard steps into different components? I struggle to make validation work and the step logic work with parameter or cascading value.

I cannot just follow Wizard Form Integration because I need more steps and my own UI in each step so my file will be too big.

I can only show the wizard right now with sending it from ""parent" to "child" but validation and step logic doesnt work.

Should i looking at Stepper instead of Wizard? or have someone an example?


TelerikWizard @bind-Value="@Value" OnFinish="@OnFinishHandler" >
            <WizardSteps>
                        <PersonalInformationTwo
                            applicationModel="@applicationModel"
                            personalInformationForm="@personalInformationForm"/>


 

Nadezhda Tacheva
Telerik team
 answered on 15 Nov 2023
0 answers
188 views

I have implemented virtual scrolling in a grid.

Scrolling down goes smoothly. It does not matter if you scroll fast or slowly. And it also shows all rows.

When scrolling up slow or click by click using the scrollbar and waiting till the grid is refreshed completely each time. The up scrolling gets disabled before you get to the first record. In this case only the first row is not shown.

When scrolling up fast, so not waiting for the grid to refresh each time, the up scrolling gets disabled very quick and you are then not able to view the first records. This can be up to 20 records (of the 34 in my test set)

I  can see that in this case the GridReadEvent args.Request.Skip is the amount of records not shown (obviously).

I logged the calls to the onread method when scrolling fast down and fast up. When scrolling down all requests get through. When scrolling up they don't. It looks like the some onread requests get bounced.

Does anyone bumped into this problem before? Or know what I could do wrong?

Larissa
Top achievements
Rank 1
 updated question on 14 Nov 2023
1 answer
312 views

The custom format optin in NumericTextBox is pretty useful, but I could not see any clear documentation. It links to the dotnet format guide, but also works with #s?

E.g. missing 0s i logged this (and then answered it myself) NumericTextBox with a format field does not display the digit '0' in UI for Blazor | Telerik Forums

"# unit(s)" works, but "there is # unit(s)" does not

Apologies if there is such a documentation and i missed it!

Dimo
Telerik team
 answered on 13 Nov 2023
1 answer
193 views

I'd like to check if its possible to have the format of a NumericTextBox display when the user has focus (i.e. they are typing something in). 

Currently it just shows a blank input (which makes sense), but if we could prepend it with a format or something that would be useful.

 

For example, adding the $ sign at the start. It's not a huge issue but keen to see if it's possible.

Dimo
Telerik team
 answered on 13 Nov 2023
1 answer
181 views
I find myself using css container queries a lot in conjunction with the TelerikDrawer.  I would really like to be able to use the MediaQuery control to set parameters based on the container size instead of the screen size.  
Dimo
Telerik team
 answered on 10 Nov 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?