Hi Lance,
Greetings from Syncfusion support.
The Dashboard Layout control is provided with
built-in responsive support, where panels within the layout get adjusted based
on their parent element’s dimensions to accommodate any resolution, which
relieves the burden of building responsive dashboards. Also, it is designed to
automatically adapt to lower resolutions by transforming the entire layout into
a stacked one. So that the panels will be displayed in a vertical column, by
default, whenever the screen resolution meets 600px or lower resolutions, this
layout transformation occurs.
In this stacked state, you cannot perform the resizing and
dragging actions with the Dashboard Layout panel. This transformation can be
modified for any user-defined resolution by defining the mediaQuery property of the component. By setting the mediaQuery
property to "mobile device width," you can render the Dashboard
Layout component as a predefined layout. You need to set the width value to be
less than your required mobile device width size in the mediaQuery property. As
a result, the panel will adapt based on the available free space on your mobile
device's width.
Check out the below documentation link for further
information.
Documentation : https://ej2.syncfusion.com/angular/documentation/dashboard-layout/responsive-adaptive/
Now, we would like to confirm whether you are facing panel
dragging and resizing issues when the layout is present in the stacked layout
on your mobile device. Because this is a behavior, and you can overcome it by
using mediaQuery.
If we misunderstood your exact issue, share some additional
information to validate the issue. Also, provide the issue's replication steps
or video footage. It will help us validate and provide a prompt solution.
