Change Component Widths

There are several ways to adjust the width of components. The dimension at the top of a component is the width. This is the measurement in inches between two partitions, or the inside-to-inside space. This dimension does not account for the thickness of the partitions on either side.

COMPONENT PROPERTIES

The first method is by adjusting the value in the Interior Width field found in the Component Properties menu.

Users can adjust which direction it pushes towards/away by selecting Push Right/Left/Both in the Resizing field. This should be changed before adjusting the width.


Using this method will not change the width of other components around the one being changed, but rather move them out of the way to make space. This can affect the location of components, meaning the user may have to edit the component location after the change.

 

DRAG PARS

Component widths can be changed by clicking on the left or right partition and “dragging” it. A two-sided arrow will appear somewhere near the par’s vertical mid-point. The image to the left shows it in red for visibility.



Left click, hold down, and drag left or right to change component width. Release the left mouse button when at the desired width. Parts will automatically re-size to fit the new width (the user may get a warning if not standard).



Which direction it adjusts depends on which component has the green X in it before clicking to drag. This will be more apparent when adjust partitions that are shared by more than one component.

Users can adjust values so that it will drag in certain intervals. Go up to the Snap button under Options in the ribbon toolbar, and change your spacing to your desired interval, for example, 1 for 1”. More on Snap Settings here.

 

MANUAL TYPE IN

Users can change the width of a component by typing in a new dimension. This method is suggested as it offers the most control over how a change will affect the surrounding components. These options are done at the top of a component where the interior dimension is displayed.


When hovering around the dimension, it turns red and different options appear depending on the location of the cursor (see move/next). These functions correlate with how other components will be affected. The component(s) that would also be affected turn green as an indicator, as seen in the GIF below.


Once the dimension is red and the desired option/direction is shown, double click at that exact spot to enter the new width, then hit ENTER on the keyboard.

Do not move your curser back to the middle number is it will change the function!


As an example, there will be various edits made to the closet shown below. Notice how the other components are impacted when changing the widths. Before each new option, the layout will revert back to this original.

 

‘NEXT’ DISPLAYED

If double clicking on the dimension when ‘Next’ is displayed (on the left/right side or both sides) it will change the width of that component, but also directly affect the width of the component on the selected side(s). This means the width of neighboring components will either be deducted or added to compensate for the new change.


If changing the width of the third component (from left) from 24” to 30” with ‘Next’ towards the right, as a result, the component to the right changes from 24” to 18” to compensate.

If ‘Next’ is displayed on BOTH sides, and there are components present on either side, their widths will all be affected evenly.

This method is especially helpful if there are wall-to-wall components, as the change in width needs to be taken from somewhere. Otherwise, the component will bump outside of the design zone.

 

‘MOVE’ DISPLAYED
If double clicking on the dimension when ‘Move’ is displayed (to the left/right side or both sides) above a component it will change the width of the component, but if there is another component beside it, it will be moved or pushed out of the way. However, its width will remain unchanged.


Notice how the third component (from left) changed from 30” to 24”, and the one to the right did not change in width, although it moved over 6”. When changed back to 24”, it pulls the component next to it closer.

If ‘Move’ is displayed on BOTH sides, the components to the left and right of the original will be pushed/pulled equally. Keep in mind that any direction may push components outside of the design zone or create unwanted gaps.


This resulted in the end component pushing outside of the design zone. When changed back, there was a gap. This will require component(s) to be resized to fit, and the user can use any of the methods explained above or use the Auto-Fit Width feature.

 


RELATED PAGES:

©2024 California Closet Company, Inc.
All Rights Reserved.

These Training Materials are confidential, intellectual property of California Closet Company, Inc.  Any copying, disseminating, display, or use in any manner of the Training Materials without the prior written consent of a designated Human Resources or Legal Team Member of California Closet Company, Inc. is strictly prohibited and unlawful.