ArcGIS JS, use only right half of the map area when setting extent?

Question

I have a full page arcgis js map (v3.15). On the left hand side of the map, I have a div panel positioned on top of the map that will contain settings/configurations for a user to choose from (see attached screenshot).

The problem is, when I set the maps extent to match that of a feature layer, a lot of the graphics get covered up by the panel on the left. Is there any way to only use the right half of the map to calculate the zoom and center position so all of the graphics in a layer appear on the right half of the screen?

Answer 1

edit: realized after posting that this was for 3.x, not 4. The code below is for version 4

You're probably looking for view padding.

Documentation: https://developers.arcgis.com/javascript/latest/sample-code/view-padding/

Relevant code from the sample:

var view = new MapView({ container: "viewDiv", map: map, center: [-74.045459, 40.690083], // Liberty Island, NY, USA zoom: 16, padding: { right: 320 // Same value as the #sidebar width in CSS } });