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

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>
}

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.

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"/>

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?

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!

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.

I'm using the bootstrap theme with CSS static content.

<link rel="stylesheet" href="_content/Telerik.UI.for.Blazor/css/kendo-theme-bootstrap/all.css" />

I would like to change the theme to dark but I can't find the name of the bootstrap dark theme. Is it available for the static content CSS?

If I use the CDN it works fine with both normal and dark modes but I'd prefer to use the static content.

Hi,

I have a Blazor TelerikGrid using the DetailTemplate feature to expand each line.

It works fine but I would also need to expand the footer line.

Is there a way to do that?

Also, is there a way to display the DetailTemplate "+" expand button on the RIGHT rather than on the left? I don't see any properties that would allow this.

Thx

A