Skip to end of metadata
Go to start of metadata

WebSplitter is a member of the WebDesktop.NET which plays a significant role in the suite. WebSplitter control has a tight integration to WebPaneManager to bring a new standard in Web Layouting. The WebSplitter control is often used on table with contents have varying lengths of data to present, which needs more dynamic navigation to resize the panes.

Since most of the web-applications layout is based on HTML table-element to align the contents, WebSplitter control is built to add more dynamically feature to HTML table-element. It doesn't need to change the existing layout, simply add one additional cell between the two cells you want to split, then drag and drop the WebSplitter control inside that cell. That makes the WebSplitter control is easily to apply and configure. 

Following are some key features of the control:

  • Vertical/Horizontal cell splitting.
    WebSplitter supports two type of cell splitting, vertical and horizontal.
  • Colspan/Rowspan support.

    WebSplitter offers automatic cell splitting scenario supporting rowspan and colspan.

     

  • Expand/Collapse with one click button.
    WebSplitter offers expand and collapse feature to easily resize the pane to its minimum size and restore it back to its previous state by clicking on the grip button.

    AllowCollapse feature related properties

    Following is a brief descriptions of related properties to AllowCollapse feature:

    • AllowCollapse:
      Specify whether the WebSplitter is able to collapse
    • CollapseDirection:
      Specify the direction of collapse either to "panel1" or "panel2"
    • GripImageCollapse:
      Specify the image for the grip. The image shown when the Panel is not collapse yet.
    • GripImageRestore:
      Specify the image for the grip. The image shown when the Panel is already collapsed.
    • Panel1Min:
      Specify the minimum size of panel I. (pixel size)
      This property also determines the size of the panel I being collapsed (if the CollapseDirection is set to "panel1")
    • Panel2Min:
      Specify the minimum size of panel II. (pixel size)
      This property also determines the size of the panel II being collapsed (if the CollapseDirection is set to "panel2")
  • Intelligent resizing mechanism.

    Enabling accurate unit measurement which returns the original unit type. for example, if the cell is in percentage (%) size, when it got resized, the unit measurement will still be in %. Thus the layout design still consistent if the browser window got resized.

    As you can see in image A compares to image B, the Pane size proportionally resized as the window browser got resized. The image below illustrates it.

  • IFrame-support resizing.

    WebSplitter works smoothly on the panel in which its content is iframe(s), as illustrated in image below.