Examples of how to design and style apps using the ArcGIS JS v4 API. Do more with less CSS.
Examples of how to accomplish simple design and styling tasks when building map apps.
Get the code Learn more
100% height and width maps.
Partial-page maps.
Responsive maps in Bootstrap.
Set the visible and usable map area.
Listen for height and width changes.
Screen size changes and notification.
Position elements in corners (padding).
Position elements in the view (padding).
Position elements in view (no padding).
Create a simple button.
Put your div in the view.
Control the docked position.
Control the floating position.
Re-center for all screens.
Control the width and height.
Show and hide a panel with a button.
Show and hide the legend in a panel.
Put content in a docked popup.
Put a view in a docked popup.
Pre-cooked colors for widgets.
Quick widget overrides.