Telerik Forums
UI for Blazor Forum
1 answer
282 views

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?

 

 

Dimo
Telerik team
 answered on 24 Feb 2023
1 answer
184 views
How can I reduce the line spacing when a horizontal radiogroup wraps in a DIV?
Ivan Zhekov
Telerik team
 answered on 22 Feb 2023
0 answers
180 views

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.

Dustin
Top achievements
Rank 2
Iron
Iron
 updated question on 21 Feb 2023
0 answers
251 views

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

Louis
Top achievements
Rank 1
Iron
Iron
Iron
 asked on 21 Feb 2023
1 answer
609 views

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

 

Nadezhda Tacheva
Telerik team
 answered on 21 Feb 2023
1 answer
463 views

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

Dimo
Telerik team
 answered on 21 Feb 2023
0 answers
143 views

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

Vinod
Top achievements
Rank 1
 asked on 21 Feb 2023
0 answers
124 views
Basically I'm using the Signature component inside of the Form component, so of course I want the signature to be sent to my database. The only problem is, the string is way too long and causing the error 414. Does anyone know of a way to resolve this?
Kezi
Top achievements
Rank 1
 asked on 20 Feb 2023
2 answers
353 views

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

Is there any ?

 

 

Nadezhda Tacheva
Telerik team
 answered on 20 Feb 2023
1 answer
437 views

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

Dimo
Telerik team
 answered on 20 Feb 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?