Uploaded image for project: 'Red Hat Internal Developer Platform'
  1. Red Hat Internal Developer Platform
  2. RHIDP-8766

Resize and reorder homepage cards using drag-and-drop in RHDH

    • Icon: Story Story
    • Resolution: Done
    • Icon: Undefined Undefined
    • 1.8.0
    • None
    • UI
    • None
    • RHDH F&UI plugins 3280

      Story

      As a user of RHDH, I want to resize and reorder my homepage cards by dragging so that I can arrange my homepage layout in a way that best suits my workflow.

      Background

      This story is part of the epic to make the homepage plugin customizable for RHDH users.
      We will continue using the existing react-grid-layout library for resizing and reordering.

      • Users should be able to drag to resize cards, within defined boundaries.
      • Users should be able to reorder cards by dragging them around the grid.
      • Default max/min height and width constraints will control card resizing to prevent unusable layouts.
      • Admins should be able to override max/min height and width constraints through configuration.
      • The user’s height, width, and order preferences should be persisted using the Backstage User Settings API.

        Acceptance Criteria

      • Users can resize a card within allowed min/max dimensions.
      • Users can reorder cards on the homepage by dragging.
      • Layout changes (size and order) are persisted using Backstage User Settings API.
      • Admin can override default min/max width and height via configuration.
      • Reset action restores card size and order to Admin-defined defaults.

              rh-ee-lprabhu Lokananda Prabhu
              rh-ee-mitkumar Mitesh Kumar
              RHIDP - Frontend Plugins & UI
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

                Created:
                Updated:
                Resolved: