Recognizing Panels, Dividers, and Resize Handles
In Sherkety ERP & Website Platform, some work areas open as a split view instead of a single full-width page. You may see this most clearly while working in the admin area, especially on content editing screens where one area is used for editing and another area is used for reviewing related information or previewing changes. These are panels inside the same page, not separate browser windows.
Look for these visual signs:
- A panel is a distinct content area with its own fields, text, controls, or scrolling region.
- A divider is the line between two neighboring panels.
- A resize handle is the draggable area attached to that divider.
The divider usually appears as a vertical line when panels sit side by side, or a horizontal line when one panel sits above another. When you move your pointer over the divider, the boundary may become more noticeable. In many layouts, the pointer also changes shape to show that the divider can be dragged. That pointer change is your clearest signal that the panel edge is adjustable.
This is different from fixed parts of the screen such as:
- the top navigation
- the side navigation
- page headers
- toolbar areas with standard actions
Those fixed areas help you move around Sherkety ERP & Website Platform, but they are not the same as resizable workspace panels. The resizable area is usually inside the main content region after you open a page such as Dashboard, Content, SEO, Services, or Settings.
If you are unsure whether a boundary can move, hover directly over the line between two content areas and watch for the pointer change or divider highlight.
Resizing Panels to Fit the Task at Hand
To resize a panel in Sherkety ERP & Website Platform, place your pointer directly over the divider between two panels. When the resize pointer appears, click and drag the divider in the direction the layout allows:
- drag left or right for side-by-side panels
- drag up or down for stacked panels
As you drag, one panel grows while the neighboring panel shrinks. The total workspace width or height does not increase, so the extra space always comes from the panel next to it. This is the normal behavior of a split workspace.
A few practical examples make this easier to spot:
- On a content editing screen, you might widen the editing area so long text fields are easier to read and update.
- If a secondary panel shows supporting details, you can narrow that panel to keep the main form in view.
- In an administrator workspace, you may want more room for lists, settings fields, or page details while keeping a smaller side area visible for reference.
While dragging, the divider will stop when a panel reaches its minimum size. That means:
- the panel cannot become any narrower or shorter
- the neighboring panel cannot keep expanding in that direction
- the divider feels like it has hit a boundary
If that happens, the layout is protecting the panel from becoming unusable. This behavior was introduced in more detail in Understanding Panel Limits and Layout Recovery, so you do not need to force the divider further.
A good habit is to resize before you begin a long task. If you know you will spend time editing content, reviewing settings, or comparing information, adjust the panel widths first so labels, buttons, and text blocks are easier to work with.
Understanding How the Workspace Responds as Panels Change Size
When you resize panels in Sherkety ERP & Website Platform, the content inside each panel adjusts immediately. This is called reflow from a user point of view: the same information remains on screen, but it rearranges itself to fit the available space.
You will usually notice changes like these:
- text wraps onto more lines in a narrower panel
- long headings or descriptions take up more vertical space
- tables or list columns feel tighter
- buttons may shift position within the panel
- an internal scrollbar appears when the panel content no longer fits
This matters most on screens where one area contains longer text or many controls. For example, if you narrow a content area too much, field labels and values may still be available, but you may need to scroll more inside that panel to reach them.
Some pages may also contain nested panel groups. In that case, you are not always resizing the entire page layout. You may be resizing:
- the outer workspace boundary between major page regions, or
- an inner divider inside one panel group
If one section changes size but another section of the page does not, you are likely working inside an inner split area rather than changing the full workspace.
Panel sizing may also behave differently depending on screen size. On a larger desktop display, panels are more likely to sit side by side. On a smaller window or narrower device, the same workspace may become more constrained, stack vertically, or offer less room for adjustment. If the layout suddenly looks different after changing browser width, that is usually responsive behavior rather than a problem.
If you return to a screen and the arrangement looks different than expected, focus on what is currently visible: divider position, scrollbars, and whether panels are side by side or stacked.
Interpreting Collapsed, Expanded, and Constrained Panel States
A panel in Sherkety ERP & Website Platform can appear in several different states depending on how far the divider has been moved.
An expanded panel takes up more of the workspace and shows a larger content area. You will usually see more text, more fields, or more of a list without scrolling.
A collapsed panel is much smaller and may look like:
- a very thin strip at the edge of the workspace
- a narrow area with little or no readable content
- a divider edge that suggests the panel can be pulled open again
If a panel seems to vanish after dragging, it may not actually be gone. It may have collapsed to its minimum width or height. To restore it, drag the divider back in the opposite direction. If the screen shows a visible expand control on the panel edge, use that control to reopen the panel.
A constrained panel state happens when the layout cannot give one panel more room because another panel has already reached its minimum size, or because the available workspace is fully used. In that situation:
- the divider stops moving
- the panel does not continue expanding
- the layout remains stable even if you keep dragging
It is also important to tell the difference between three situations that can look similar:
- Collapsed panel: the panel is still there, but reduced to a very small edge.
- Hidden panel: the panel is not shown because of the current view, screen arrangement, or access restrictions.
- Scrolled content: the panel is open, but the information you want is simply farther down or to the side inside that panel.
Before assuming content is missing, check for a thin panel edge and then try scrolling inside the visible panel area.
Working Efficiently in Multi-Panel Screens
The best panel layout depends on what you are doing in Sherkety ERP & Website Platform. A good rule is to give the most space to the panel where you will spend the most time.
Use wider panels for tasks such as:
- editing longer website content
- reviewing detailed page information
- reading larger blocks of text
- checking settings with many visible fields
Keep narrower panels for supporting information such as:
- secondary details
- reference information
- previews that only need a quick glance
- side areas that help you confirm context while you work
This is especially useful in the admin area. If you are updating public page content, widen the main editing area before you start typing. If you are reviewing settings or metadata, give enough room to the form so field labels and action buttons stay visible without constant scrolling.
When comparing two panels, avoid pushing one panel to the extreme if you still need the other one. It is usually better to keep both panels above a comfortable reading width so you can:
- compare content side by side
- switch attention quickly
- avoid repeated dragging during the same task
If the workspace feels crowded, pause before assuming something is broken. Check for:
- a collapsed side area
- an inner divider inside the current panel group
- a panel that needs its own scrollbar
- a layout change caused by a smaller browser window
This document focuses on how the layout behaves while panels share space. For panel limits and recovery behavior, refer back to Understanding Panel Limits and Layout Recovery. The goal here is not to maximize every panel, but to shape the workspace around the task you are doing right now.
Fixing Common Problems with Panel Resizing and Workspace Layouts
If panel resizing does not behave as expected in Sherkety ERP & Website Platform, the issue is usually easy to identify once you know what to look for.
The divider will not move
Check these points first:
- make sure your pointer is directly on the resize handle or divider line
- wait for the resize pointer before dragging
- try dragging in the correct direction for that layout
- check whether the panel has already reached its minimum or maximum size
If the divider stops immediately, the panel may already be at its limit.
A panel seems to disappear after dragging
This often means the panel has collapsed into a thin edge. Look closely along the side of the workspace for:
- a narrow strip
- a faint boundary line
- a small remaining edge where the panel used to be
Drag the divider back to restore the panel. If an expand control is visible on the edge, use that instead.
Content is cut off after resizing
The content may still be present inside the panel, but the panel is now too small to show it all at once. Try these actions:
- scroll inside the panel
- widen the panel again
- check whether buttons or fields have moved lower in the panel
The layout looks different on another device or browser size
This usually means the workspace has switched to a more responsive arrangement. Panels may:
- stack instead of sitting side by side
- become more constrained
- allow less resizing than on a larger display
If the screen feels cramped, increase the browser width if possible or reduce the size of less important panels. When a layout change still seems confusing, compare it with the panel behavior described in Resizing Panels for Better Workspace Visibility.
Overview
Resizable panels in Sherkety ERP & Website Platform help you shape the workspace around the task you are doing instead of accepting a fixed layout. On complex admin screens, especially where content, settings, or related details share the same page, the workspace may be divided into two or more panels separated by a draggable divider.
The main ideas to remember are:
- Panels are content regions inside the current page.
- Dividers mark the boundary between neighboring panels.
- Resize handles let you drag that boundary to change how much space each panel receives.
- Growing one panel always reduces the space available to the panel beside it.
As the layout changes, the content inside each panel responds in visible ways:
- text wraps differently
- controls shift within the panel
- scrollbars appear when space becomes tight
- nested panel groups may behave separately from the outer workspace
You may also see different panel states during normal use:
- expanded when a panel has more room
- collapsed when it has been reduced to a narrow strip
- constrained when the divider cannot move further because the layout has reached its limit
These behaviors are most useful when you adjust the screen before starting focused work. For example, you can widen the main editing area in the admin content workspace, keep a smaller side area visible for reference, or balance two panels so both remain readable during comparison.
If a panel appears to disappear, first check whether it has collapsed rather than assuming content is missing. If the layout changes between devices or window sizes, remember that responsive behavior can stack or tighten panels automatically.
The next document, Resizing Panels for Better Reading Editing and Comparison, builds on this by showing how to choose panel sizes for specific reading and editing tasks.
Prerequisites
Before using resizable layouts in Sherkety ERP & Website Platform, you only need a basic understanding of how to move around the workspace and recognize shared interface patterns. You do not need any special setup, but a few conditions make panel resizing easier to understand.
You should already be comfortable with:
- opening pages in the admin area such as Dashboard, Content, Services, SEO, Users, or Settings
- recognizing the difference between the main page content and fixed navigation areas
- using common interface elements such as side menus, headers, drawers, dialogs, and scrollbars
It also helps if you have already read these related guides:
Those guides explain how panel edges behave and what happens when a panel reaches its size limit. This document assumes you already know that a divider can stop moving when the layout reaches a boundary.
For the clearest experience, use a screen size where split layouts are easier to see. On a wider desktop browser, panel dividers and side-by-side work areas are usually more obvious. On smaller screens, the same page may stack content or reduce how much resizing is possible.
As you read, try these ideas on any screen in Sherkety ERP & Website Platform where two content areas share the page. Watch for:
- a visible divider line
- a pointer change when you hover over the boundary
- one panel growing while the other shrinks
If you are ready to move from understanding layout behavior to choosing better panel sizes for real work, continue with Resizing Panels for Better Reading Editing and Comparison.
Was this page helpful?