I have a need for the navmenu to be like;

Option1

Option2

       Option2-Subopt1

       Option2-Subopt2

Then when user clicks on Option2-Subopt1 or Option2-Subopt2 it navigates to the page.

Example:

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 = "General Search",
                Text = "General Search",
                Icon = "search",
                Url="GeneralSearch"
            },

          etc....

If I want to say give users 2 search options under general search, How would I set that up?

Is there any way to get rid of the Split Button Content? I'd just like to show the arrow and the button options below when clicked. I need to be able to progromattically hide all of the buttons as needed. This would also include the button on display, if needed.

Another option that would work for us is to have the content but have it work similar to the arrow button where clicking it would toggle the dropdown. This would allow me to put a menu icon in that area.

Hello,

I try to scroll to the selected item in grid and w/o success.  I use this :

<TelerikGrid Data=@infosEmplacementSource
        Class="@theGridClass"
        @bind-SelectedItems="@SelectedItems_"
....

string theGridClass { get; set; } = "theSpecialGrid";

public async Task EmplacementSubmitHandler()
{
    emplacementMessageStore?.Clear();
    infosEmplacementsTelerikDialog.FicheEspaceClosId= ficheEspaceClosId;

    var (success, added, error) = await AdditionalInformationDataService.AjoutertlkpEmplacementAsync(infosEmplacementsTelerikDialog, CultureInfo.DefaultThreadCurrentCulture.Name.ToString());
    if (success)
    {
        infosEmplacementSource.Insert(0, new treltlkpEmplacementViewModel
        {
            tlkpEmplacementId = added.tlkpEmplacementId
     
        });
        CloseTelerikDialogAddEmplacementSource();
        SelectedItems_ = infosEmplacementSource.Where(item => item.tlkpEmplacementId == added.tlkpEmplacementId).ToList();
        await Task.Delay(20);//rougly one rendering frame so this has the chance to render in the browser
        await _jsRuntime.InvokeVoidAsync("scrollToSelectedRow", "." + theGridClass);

    }
..............

// this function takes a selector that describes the desired grid
// and then finds the first selected row, then scrolls to it
// via standard browser methods - effectively, the grid does not
// interact or implement this. Suitable for regular paging mode only, not for virtual scrolling
function scrollToSelectedRow(gridSelector) {
    var gridWrapper = document.querySelector(gridSelector);
    if (gridWrapper) {
        var selectedRow = gridWrapper.querySelector("tr.k-selected");
        if (selectedRow) {
            selectedRow.scrollIntoView();
        }
    }
}

SelectedItems_ works fine.  The row is selected.  But scroll not working

Debug javascript and everingthing is found

I have a relatively long running task and would like to show a Dialog box informing the user stuff is happening with a ProgressBar to show completion progress. However when the ProgressBar is in DialogContent it is not updating the UI when I update the Value of the progressbar.

If I put the progressbar in the body of the page it works as expected.

Razor Code is something like:

<TelerikDialog @bind-Visible="@DialogVisible"
               Width="500px"   
               ShowCloseButton="false"
               CloseOnOverlayClick="false">
    <DialogTitle>Updating</DialogTitle>
    <DialogContent>
        <p>Assigning stuff...</p>
         <TelerikProgressBar Value="@ProgressValue" Max="100"></TelerikProgressBar>
    </DialogContent>
</TelerikDialog>

Then code is:

@code {
	private bool DialogVisible { get; set; } = false;
	private double ProgressValue = 0;

	private async void ButtonClick()
	{
		DialogVisible = true;

		for (var i = 0; i < 20; i++)
		{
			ProgressValue = Math.Round((double)i / 20 * 100);
			StateHasChanged();
			await Task.Delay(1000);
		}
	}
}

Hi

I am swtiching from asp.net ajax to blazor server. I have used your controls for many years. 

I developed a navigation with tabstrips in 2 levels you can view a short video https://youtu.be/r27mRYvaxlk

I used a aspx with RadSpliter: on top I put the main menu this calls js function to add new Tab on Tabstrip and put another aspx inside. Ypu can see on video that Url never changes.

I want to replicate it now in Blazor, can I do with your controls?

Thanks in advance

Hi Team,

currently i am using blazorise video component in my web application and i have few videos which are in .mp4 and .wmv. i see .mp4 video files are playing without any issues whereas for .wmv video files are not playing and showing blank.

Could you please assist and how to play .wmv video files without converting those into .mp4 format.

 <Video Source="@videoURL" Class="tmVideoPlayer"  AutoPlay="true"/>

I am finding to way to style the Scrollbars of a Grid.

Is there any ?

I have a grid:

 <TelerikGrid @ref="@gridHDR"
                             Data="@GDgridHDR"
                             AutoGenerateColumns="true"
                             Pageable="true"
                             Sortable="true"
                             Class="custom-row-colors"
                             FilterMode="@GridFilterMode.FilterRow">
                        <GridToolBarTemplate>
                                <GridCommandButton Command="ExcelExport" Icon="@FontIcon.FileExcel">Export to Excel</GridCommandButton>
                            <label class="k-checkbox-label"><TelerikCheckBox @bind-Value="@gridHDR_ExportAllPages" /> Export All Pages</label>
                            </GridToolBarTemplate>
                            <GridExport>
                            <GridExcelExport FileName="@msExportFileName" AllPages="@gridHDR_ExportAllPages" OnBeforeExport="@gridHDR_OnBeforeExcelExport" />
                            </GridExport>                        
                        </TelerikGrid>

It autogenerates the columns .

I have a need to hide one or more of the columns if the user checks off a checkbox on the UI.

So i would like to do something like:

Grid.Column[0].visible = False;

Is there a way to do this without me having to put in all the Column tags?

If I do have to add in the column tags can I only add in the ones that may be turned off/On or do I have to add in all the columns coming back?

Hopefully that makes some sense.

Thanks

Deasun