Unplanned
Last Updated: 06 Feb 2025 11:18 by ADMIN
Created by: Isaac
Comments: 1
Category: Drawer
Type: Feature Request
1

You can trigger the animation for the Drawer component by calling ToggleAsync() on the reference to the Drawer component:

<TelerikButton OnClick="@(async Task () => await DrawerRef!.ToggleAsync())" />

However, when you toggle the Expanded parameter instead, it still toggles the Drawer but does not trigger the animation:

<TelerikButton OnClick="@(() => Expanded = !Expanded)" />

As a result, if I want the Drawer component to be expanded by default, but I still want the user to be able to toggle it, I have to call ToggleAsync() on the reference to the component and bind the Expanded parameter, which is unnecessary verbose for such a common scenario:

<TelerikDrawer TItem="int" @ref="@DrawerRef" @bind-Expanded="@DrawerExpanded" Mode="@DrawerMode.Push">
	<Template>
		<NavMenu/>
	</Template>
	<DrawerContent>
		@Body
	</DrawerContent>
</TelerikDrawer>

@code
{
    private TelerikDrawer<int>? DrawerRef { get; set; }
    private bool DrawerExpanded { get; set; } = true;

    /// <remarks>
    /// We can't toggle DrawerExpanded because that won't trigger the animation.
    /// Only DrawerRef.ToggleAsync() triggers the animation.
    /// </remarks>
    private async Task ToggleDrawer() => await DrawerRef!.ToggleAsync();
}

I would like to trigger the animation for the Drawer component by toggling the Expanded parameter and not calling ToggleAsync() on the reference to the Drawer component. Toggling the Expanded parameter instead of calling a function on a reference to a component is a cleaner, simpler approach that better aligns with the philosophy of Blazor (using parameters rather than properties or functions on reference to components). Furthermore, this approach is used by various other Blazor component libraries such as MudBlazor, SyncFusion, and DevExpress. See:

Unplanned
Last Updated: 05 Feb 2025 14:30 by ADMIN
Created by: Isaac
Comments: 3
Category: Drawer
Type: Feature Request
2

I would like to be able to create Drawer Items in markup, not programmatically in code. Similar to https://feedback.telerik.com/blazor/1433539-declare-the-menu-items-in-markup-without-code. Ideally, I would like to have an implementation similar to MudBlazor's Drawer: https://www.mudblazor.com/components/drawer#usage.

Example:

<TelerikDrawer>

    <DrawerSidebar>

        <DrawerItem>

            <NavLink />

        </DrawerItem>

        <DrawerItem>

            <NavLink />

        </DrawerItem>

    </DrawerSidebar>

    <DrawerContent>

        @Body

    </DrawerContent>

</TelerikDrawer>

 

Alternative Example:

<TelerikDrawer>

    <TelerikMenu />

</TelerikDrawer>

Unplanned
Last Updated: 05 Feb 2025 12:52 by ADMIN
Created by: Isaac
Comments: 1
Category: Drawer
Type: Feature Request
3

I see that we can create Hierarchical Drawers by using the Template: Blazor Drawer Demos - Hierarchical Drawer | Telerik UI for Blazor.

However, implementing a Hierarchical Drawer through the Template is very verbose, complicated, and takes time to setup. This slows down initial development and future maintenance. With how common hierarchical sidebar menus are, I think there is significant value in updating the Telerik Drawer component to render hierarchical sidebar menus without the need to configure the Template or add other code.

Overall, I would like the Telerik Drawer component to automatically render a hierarchical sidebar menu by only passing in hierarchical data into the Data parameter and not having to configure the Template or provide additional code. Looking at MudBlazor's Navigation Menu component, they provide support for hierarchical sidebar menus up to four levels without any extra configuration.

Generally, I would expect Templates of components to only be necessary in uncommon scenarios. I would not consider hierarchical sidebar menus uncommon.

Declined
Last Updated: 25 Sep 2024 08:35 by ADMIN
Created by: Henil
Comments: 2
Category: Drawer
Type: Feature Request
2
I want the option to resize the Drawer when dragging the right side.
Completed
Last Updated: 22 Nov 2023 08:50 by ADMIN
Release 5.1.0 (31 Jan 2024) (R1 2024)
Created by: Christian
Comments: 1
Category: Drawer
Type: Feature Request
0

Hello,

I would like to add a CSS-Class to some items in my TelerikDrawer control. Since the ItemTemplate only controls the contents and the Template is overkill as it overrides the rendering for the entire drawer contents, I was wondering whether there was any support for adding custom CSS classes to items (similar to how it is described for Angular here: https://www.telerik.com/kendo-angular-ui/components/layout/drawer/items/).

TIA

- Chris

 

 

Unplanned
Last Updated: 18 Oct 2023 05:45 by Danny
Created by: Danny
Comments: 0
Category: Drawer
Type: Feature Request
1
I would like to control the animation duration of the Drawer through a parameter. 
Unplanned
Last Updated: 31 Aug 2023 16:41 by Benjamin
Created by: Augusto
Comments: 2
Category: Drawer
Type: Feature Request
16
I would like to have a boolean parameter that sets whether the Drawer will collapse when an item is clicked.
Unplanned
Last Updated: 13 Jun 2023 10:24 by ADMIN
Created by: Vasim
Comments: 5
Category: Drawer
Type: Feature Request
5

Drawer component does not have a persist content option (e.g. PersistDrawerContent="true") 

I believe the drawer component should have the same feature as Tabstrip PersistTabContent="true"

Completed
Last Updated: 21 Jul 2021 15:31 by ADMIN
Created by: Kelly
Comments: 1
Category: Drawer
Type: Feature Request
7

It would be nice to have a handle feature within the rendered Drawer component that would expand and collapse the component. 

For example, see the following screenshots.

Draw Open

Draw Closed

Unplanned
Last Updated: 19 Jun 2021 16:55 by ADMIN
Created by: Christian
Comments: 5
Category: Drawer
Type: Feature Request
7

Hi,

 

could you add an Enabled Parameter (like in the Button Component) to the default databound values from a Drawer Item?

Of course I can handle this with a template, but actually I dont like to implement the whole item behaviour and the looks.

Ok, I a little bit lazy, but I think this would be a find addition to the feature set.

 

Best regards

Christian

Unplanned
Last Updated: 23 Nov 2020 14:05 by ADMIN
Created by: Christopher
Comments: 0
Category: Drawer
Type: Feature Request
2
I need this to allow navigation not only between Blazor components, but also to other internal MVC/Razor views/pages. I would prefer to not have to use a template to render explicit <a target="_self"> tags
Completed
Last Updated: 12 Oct 2020 06:53 by ADMIN
Created by: Roger Graham
Comments: 1
Category: Drawer
Type: Feature Request
0
The drawer facility is very useful, however in a real work scenario you need to be able to group and sort items to make it more usable.

For example, I could have projects with various levels of completeness. By grouping these by the project status would make it much easier to navigate.
Completed
Last Updated: 14 May 2020 15:46 by ADMIN
Created by: Paul Shearing
Comments: 2
Category: Drawer
Type: Feature Request
1

Mini mode is very useful for conserving valuable screen estate but with the drawer in mini mode the user only sees a group of icons.

How can I add a mouse-over/hover descriptive text for each of the mini-mode icons so that users don't have to expand the menu to see the one that they want? I really don't want to resort to jQuery but this is an example where it may be the only solution.

The Drawer component is excellent BTW.

Kind regards,

Paul