Unplanned
Last Updated: 15 Sep 2022 16:25 by ADMIN
Nadezhda
Created on: 30 Jun 2022 14:03
Category: UI for Blazor
Type: Feature Request
1
Swipe Menu Component/Feature

To be considered for implementation as a standalone component or feature of ListView, for example.

The purpose of such component is to provide option for users to reveal contextual actions when they do a swipe gesture on mobile devices. The swiping direction to consider is left and right (up and down are out of scope).

List of possible functionalities for consideration:

  • Option to configure menu actions on left and right swipe gesture and define which menu actions will be shown on left and which on right swipe
  • Option to use icons in menu items 
  • Additional customization options for menu items - color, images, custom content
  • Configurable number of items for the menu, plus option to define more
  • Confirmation of actions (needed for actions related to deleting/removing data)

Please feel free to provide any feedback and share your suggestions on desired functionalities.








Duplicated Items
2 comments
ADMIN
Nadezhda Tacheva
Posted on: 15 Sep 2022 16:25

Hi David,

Thank you for the feedback and the example of your desired behavior! I see you already voted for the item. You may also subscribe for it, so you can get status updates. This is the best way to follow the progress of the enhancement.

Having your response in mind, I have marked your initial more generic request as a duplicate of the current one. Thus we can focus on the specific functionality listed in the discussion.

Regards,
Nadezhda Tacheva
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

David
Posted on: 09 Sep 2022 15:19

Hi Nadezhda,

I have been having some success with the functionality included in the Polymer app-layout web component library. Specifically, I consider the app-drawer component the best equivalent to the features I would like to see in UI for Blazor. However, this solution is not ideal as it requires Lit and related component libraries in addition to our current Blazor library. Additionally, the Polymer library is not the most up-to-date.

I am aware of the current Blazor drawer component, and I believe that the ability to swipe open fluidly on mobile would be a good fit for this existing component. Here is a live demo of some of the Polymer app-layout components, including a left app-drawer that can be swiped open: https://polymerelements.github.io/app-layout/templates/shrine/

In reference to my original feature request, you mentioned:

We consider that support for mobile controls and general swipe gestures is vast topic and can be treated as different variety of functionalities depending on one's perspective. That said, if we treat such request as a whole, it is possible to miss some desired behavior. So, we'd rather focus on considering specific swiping functionalities to make sure we meet the exact community requirements in terms of swipe gestures.

I agree completely, which is why I am a fan of this feature as an improvement to a component such as Blazor drawer. As you also mentioned, this feature could be a good fit for the Blazor animation container too.

Thank you for your time documenting this feature request!