View Padding in ArcGIS JSAPI

You can do some pretty interesting things with your user interface with the tools provided in the ArcGIS API for JavaScript. You can customize how the UI of the Map or Scene view behaves in relation to other parts of your page, giving you the opportunity to do some fun stuff!

Demo App:

🕑 Chapters
=============
00:00 Introduction
00:10 User interface components and widgets
00:23 Adding elements to the view
00:32 Controls and customization options
01:18 Issue with real estate usage
01:33 Solution: view padding and sidebar panel
02:04 Creating toggle element
02:38 Adjusting view padding
03:05 Adjusting style for the side panel
04:35 Running the application with toggle function
04:56 More complex animation with view padding
06:06 Coding the animation
08:58 Applying animation to the side panel
10:11 Animation update function
11:22 Costine easing function creation
12:58 Animating functions for expanding and collapsing the side panel
16:46 Final application run with animation
17:53 Adjusting animation speed
18:10 Using application with adjusted view padding
20:00 Conclusion
20:42 Announcement of new podcast

ETH/BSC/Matic/Sol Tips
0xAa645E5C151Fec78Ba2A69BdE13d8Ab9648D9b9F

Cardano (ADA Tip Jar)
addr1qxzaexhem3zc3pszru0n8fuwe2jepzfpg3zgh35j0au79h4khr46ttwax64m6vjm6qf48l6a7ypmappk7an224qtp88svqeazf