josh
December 26, 2019, 3:23pm
2
The most common approach is to either adjust the width of your browser to roughly match the width of the Fire Tablet or to use the Mobile Device Emulator in the Google Chrome browser.
The following post has more details:
The tiles on SharpTools dashboards will automatically reflow based on the screen width. If you’re looking to have tiles line up a certain way on a certain device, we recommend designing the dashboard for your target device size.
The most common approaches for designing for a specific tablet size are to either:
Keep the physical tablet nearby as you’re designing - each time you save your dashboard changes, they’ll instantly be pushed to the tablet
Simulate the tablet’s browser size by either manually adjusting your browser window or using the Chrome Developer Tools
Use the Device Toolbar in Chrome Developer Tools to simulate a device size
In Chrome on a laptop/desktop, press F12 to open Chrome Developer Tools
Select the icon in the toolbar to enable the device toolbar
Select a relevant device from the device toolbar to simulate that device’s screen
1 Like