Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Represents a panel that dynamically arranges its children horizontally or vertically in automatic rows or columns.
The FlowLayoutPanel control arranges its contents in a horizontal or vertical flow direction. You can wrap the control's contents from one row to the next, or from one column to the next. Alternately, you can clip instead of wrap its contents.
You can specify the flow direction by setting the value of the FlowDirection property. The FlowLayoutPanel control correctly reverses its flow direction in Right-to-Left (RTL) layouts. You can also specify whether the FlowLayoutPanel control's contents are wrapped or clipped by setting the value of the WrapContents property.
The FlowLayoutPanel control automatically sizes to its contents when you set the AutoSize property to true
. It also provides a FlowBreak property to its child controls. Setting the value of the FlowBreak property to true
causes the FlowLayoutPanel control to stop laying out controls in the current flow direction and wrap to the next row or column.
Any Wisej control can be a child of the FlowLayoutPanel control, including other instances of FlowLayoutPanel. With this capability, you can construct sophisticated layouts that adapt to your form's dimensions at run time.
For a full list of properties, methods and events see the API documentation.
When enabled, the FlowLayoutPanel control is able to resize itself to fit it's contents according to the AutoSizeMode property specified.
The FlowLayoutPanel control can customize the layout of it's children in one of several directions using the FlowDirection property. The available options are LeftToRight
, TopDown
, RightToLeft
, and BottomUp
. The default layout direction is LeftToRight
.
Item | Description |
---|---|
Class name
"wisej.web.Panel"
Theme appearance
"panel", see Themes.
Child components
"pane" is the container. "captionbar" is the header. "title" is the title of the panel. "icon" is the icon of the panel, if applicable. "close-button" is the close button of the panel, if applicable. See JavaScript.
Toolcontainer state
"panel", see Embedded Tools.
Source code
Represents a desktop container that can host floating windows.
Desktop controls are used to provide an easy-to-use container for Form navigation. Only one Desktop can be shown to a user at a time, but an unlimited number of Desktops can be created for each Wisej application.
For a full list of properties, methods and events see the API documentation.
Wisej applications can contain an unlimited number of customized Desktops. To switch a Desktop, simply set the Application.Desktop property.
When working with multiple Desktop instances, the existing Forms on the page will be retained.
The Desktop container can also be hosted on a Page control.
Trying to add a Desktop control to any other type of control other than a Page will throw an exception in the designer or at runtime.
The Taskbar portion of the Desktop control is used to display and control open Forms. When a new Form is shown within the application, a shortcut for it is automatically created in the Desktop's taskbar.
Represents a web page that fills the browser and acts as the main container for the application. An application can have only one active page at any given time.
Only one Page can be shown to the user at a time.
There are several ways to navigate between pages in a Wisej application.
Using the Show() method on a Page instance will show the page to the user, replacing any previously-displayed page.
Calling Show() will not dispose any previously-shown Page, but rather it stays in the Application.OpenPages collections for later usage.
If a Page needs to be replaced, set the Application.MainPage property.
Setting Application.MainPage will not dispose any previously-shown Page, but rather it stays in the Application.OpenPages collections for later usage.
Switching the application's page will not affect the shown Form instances.
The AutoScroll property of the Page control indicates whether scroll bars automatically appear when the control contents are larger than its visible area.
Represents a panel that dynamically arranges its child controls.
The FlexLayoutPanel can arrange its child controls using the layout engine specified in the LayoutStyle property. When the value is set to Default, the child controls are arranged using the default layout engine, using their location, dock style and anchor properties.
When the value of the LayoutStyle property is set to Horizontal
, the child controls are arranged horizontally in a single row.
When the value of the LayoutStyle property is set to Vertical
, the child controls are arranged vertically in a single column.
When enabled, the FlexLayoutPanel control is able to resize itself to fit it's contents according to the AutoSizeMode property specified.
Represents a collapsible panel with an optional header that contains a group of controls.
A Panel is a control that contains other controls. You can use a Panel to group collections of controls such as a group of RadioButton controls. As with other container controls such as the GroupBox control, if the Panel control's Enabled property is set to false
, the controls contained within the Panel will also be disabled.
The Panel control is displayed by default without any borders. You can provide a standard or three-dimensional border using the BorderStyle property to distinguish the area of the panel from other areas on the form. Because the Panel control derives from the ScrollableControl class, you can use the AutoScroll property to enable scroll bars in the Panel control. When the AutoScroll property is set to true
, any controls located within the Panel (but outside of its visible region), can be scrolled to with the scroll bars provided.
The Panel control does not display a caption. If you need a control similar to a Panel that can display a caption, see the GroupBox control.
When enabled, the Panel control is able to resize itself to fit it's contents according to the AutoSizeMode property specified.
Several containers in Wisej come with a built-in header for displaying a title and optional collapsible icon. The header can be shown by setting the ShowHeader property of the container to true
. The collapsible icon can be hidden by setting the ShowCloseButton property to false
.
The Panel control can be collapsed to the Top
, Bottom
, Left
, or Right
using the CollapseSide property. The default value is Top
. The default header position can be changed by setting the HeaderPosition property.
Represents a window or dialog box that makes up an application's user interface.
A Form is a representation of any window displayed in your application. The Form class can be used to create standard, tool, borderless, and floating windows. You can also use the Form class to create modal windows such as a dialog box. A special kind of form, the multiple-document interface (MDI) form, can contain other forms called MDI child forms. An MDI form is created by setting the IsMdiContainer property to true
. MDI child forms are created by setting the MdiParent property to the MDI parent form that will contain the child form.
Using the properties available in the Form class, you can determine the appearance, size, color, and window management features of the window or dialog box you are creating. The Text property allows you to specify the caption of the window in the title bar. The Size and Location properties allow you to define the size and position of the window when it is displayed. You can use the ForeColor color property to change the default foreground color of all controls placed on the form. The FormBorderStyle, MinimizeBox, and MaximizeBox properties allow you to control whether the form can be minimized, maximized, or resized at run time.
Similar to WinForms, the Form control acts as a container for any other Wisej control and is able to be manipulated in the designer to fit it's contents.
Modal Dialogs are used to demand an action from a user. They draw the user's attention away from other parts of the form and require the user to attend to an action.
A Form control can be shown as a modal dialog by calling the ShowDialog() method.
The Form can also be shown in a manner that simulates a modal-appearance without the modal functionality.
Simply set the ModalMask property to true
and call the Form's Show() method.
An optional callback can be specified upon completion:
Item | Description |
---|---|
The Page control is the center point of activity in a Wisej application. It's a container used to show content to a user (alongside the and ).
For a full list of properties, methods and events see the
Item | Description |
---|
For a full list of properties, methods and events see the
Item | Description |
---|
For a full list of properties, methods and events see the
Item | Description |
---|
For a full list of properties, methods and events see the
Modal dialogs are not disposed when closed. They are reusable. If you don't intend to reuse a modal dialog call Dispose() when closed or use the pattern.
Item | Description |
---|
Class name
"wisej.web.Desktop", "wisej.web.desktop.Workspace", "wisej.web.desktop.TaskBar", and "wisej.web.desktop.TaskBarItem"
Theme appearance
"desktop", "desktop-taskbar-item", and "desktop-taskbar-preview" see Themes.
Child components
"workspace" represents the non-taskbar area of the desktop, "taskbar". See JavaScript.
Source code
Class name | "wisej.web.ScrollablePage" |
Theme appearance |
Child components |
Source code |
Class name | "wisej.web.Panel" |
Theme appearance |
Child components |
Toolcontainer state |
Source code |
Class name | "wisej.web.Panel" |
Theme appearance |
Child components |
Toolcontainer state |
Source code |
Class name | "wisej.web.Form" |
Theme appearance |
Child components |
Toolcontainer state |
Source code |
Displays collapsible set of AccordionPanel panels for presenting information in a limited amount of space.
Accordions are useful for toggling between hiding and showing large amounts of content.
For a full list of properties, methods and events see the API documentation.
Each Accordion panel can be fully customized at design-time.
Represents a Wisej control that displays a frame around a group of controls with an optional caption.
The GroupBox displays a frame around a group of controls with or without a caption. Use a GroupBox to logically group a collection of controls on a form. The GroupBox is a container control that can be used to define groups of controls.
The typical use for a group box is to contain a logical group of RadioButton controls. If you have two group boxes, each of which contain several option buttons (also known as radio buttons), each group of buttons is mutually exclusive, setting one option value per group.
You can add controls to the GroupBox by using the Add method of the Controls property.
For a full list of properties, methods and events see the API documentation.
The visibility of the GroupBox can be controlled at runtime by applying the ShowCloseButton property.
The GroupBox control features an optional checkbox that can be toggled to enable or disable the child controls. Set the ShowCheckBox property to true to show the checkbox. Set the Checked property to toggle the checked state.
When enabled, the GroupBox control is able to resize itself to fit it's contents according to the AutoSizeMode property specified.
Represents a panel that dynamically lays out its contents in a grid composed of rows and columns.
The TableLayoutPanel control arranges its contents in a grid. Because the layout is performed both at design time and run time, it can change dynamically as the application environment changes. This gives the controls in the panel the ability to proportionally resize, so it can respond to changes such as the parent control resizing or text length changing due to localization.
Any Wisej control can be a child of the TableLayoutPanel control, including other instances of TableLayoutPanel. This allows you to construct sophisticated layouts that adapt to changes at runtime.
The TableLayoutPanel control can expand to accommodate new controls when they are added, depending on the value of the RowCount, ColumnCount, and GrowStyle properties. Setting either the RowCount or ColumnCount property to a value of 0 specifies that the TableLayoutPanel will be unbound in the corresponding direction.
You can also control the direction of expansion (horizontal or vertical) after the TableLayoutPanel control is full of child controls. By default, the TableLayoutPanel control expands downward by adding rows.
For a full list of properties, methods and events see the API documentation.
When enabled, the TableLayoutPanel control is able to resize itself to fit it's contents according to the AutoSizeMode property specified.
Manages a related set of tab pages.
A TabControl contains tab pages, which are represented by TabPage objects that you add through the TabPages property. The order of tab pages in this collection reflects the order the tabs appear in the control.
For a full list of properties, methods and events see the API documentation.
When AllowUserToMoveTabs is set to true
, the user is able to rearrange the tab pages at runtime.
The TabControl can be configured to display the tabs in a Horizontal
or Vertical
manner. The default orientation is Horizontal
.
Provides an empty popup container that can be attached to other controls.
UserPopups are used to display a popup relative to a target control.
Show the popup by calling the ShowPopup method with a target control.
The UserPopup can be shown anywhere in relation to the popup's target control.
**TopLeft: **The popup is shown above the opener aligned to the left edge.
**TopCenter: **The popup is shown above the opener and horizontally centered.
**TopRight: **The popup is shown above the opener aligned to the right edge.
**BottomLeft: **The popup is shown below the opener aligned to the left edge.
**BottomCenter: **The popup is shown below the opener and horizontally centered.
**BottomRight: **The popup is shown below the opener aligned to the right edge.
**LeftTop: **The popup is shown to the left of the opener aligned to the top edge.
**LeftMiddle: **The popup is shown to the left of the opener and vertically centered.
**LeftBottom: **The popup is shown to the left of the opener aligned to the bottom edge.
**RightTop: **The popup is shown to the right of the opener aligned to the top edge.
**RightMiddle: **The popup is shown to the right of the opener and vertically centered.
**RightBottom: **The popup is shown to the right of the opener aligned to the bottom edge.
The UserPopup is fully customizable. Any kind of control can be added to the container.
"page", see .
"pane" is the page. See .
"panel", see .
"pane" is the container. "captionbar" is the header. "title" is the title of the panel. "icon" is the icon of the panel, if applicable. "close-button" is the close button of the panel, if applicable. See .
"panel", see .
"panel", see .
"pane" is the container. "captionbar" is the header. "title" is the title of the panel. "icon" is the icon of the panel, if applicable. "close-button" is the close button of the panel, if applicable. See .
"panel", see .
"window", see .
"captionbar", "title" is the title of the window, "icon" is the icon in the left top corner of the window, "minimize-button" is minimize button, "close-button" is the close button, "maximize-button" is the maximize button, "restore-button" is the restore button, "pane" is the content part of the window. See .
"caption", see .
Item | Description |
---|---|
Item | Description |
---|---|
Item | Description |
---|---|
Item | Description |
---|---|
For a full list of properties, methods and events see the
Item | Description |
---|
Class name
"wisej.web.Accordion", "wisej.web.accordion.Panel" for each individual panel.
Theme appearance
"accordion", inherits from "panel", see Themes.
Child components
"panel" is the container. See JavaScript.
wisej.web.accordion.Panel child components
"icon" is the panel icon, if applicable. "captionbar" is the panel header. "title" is the captionbar text. "open-button" opens or closes the panel.
Source code
Class name
"wisej.web.GroupBox"
Theme appearance
"groupbox", see Themes.
Child components
"legend" is the groupbox legend. "frame" is the groupbox frame. "close-button" is the button that hides the groupbox. See JavaScript.
Source code
Class name
"wisej.web.Panel"
Theme appearance
"panel", see Themes.
Child components
"pane" is the container. "captionbar" is the header. "title" is the title of the panel. "icon" is the icon of the panel, if applicable. "close-button" is the close button of the panel, if applicable. See JavaScript.
Toolcontainer state
"panel", see Embedded Tools.
Source code
Class name
"wisej.web.TabControl"
Theme appearance
"tabview", see Themes.
Child components
"bar" is the container for the tab page buttons. "pane" hosts the tabview page. "page" hosts the actual tabview content. See JavaScript.
Source code
Class name | "wisej.web.UserPopup" |
Source code |
Provides an empty control that can be used to create other controls.
The UserControl gives you the ability to create controls that can be used in multiple places within an application or organization. You can include all the code needed for validation of common data you ask the user to input; some examples of this are email addresses, telephone numbers, and postal codes. Another efficient use of the user control is to simply preload a ComboBox or ListBox with static items you commonly use in almost every application; some examples of this are countries/regions, cities, states, and office locations.
​
For a full list of properties, methods and events see the
Item | Description |
---|
Class name | "wisej.web.UserControl" |
Source code |
Represents a toolbar component.
The ToolBar control is used on forms as a control bar that displays a row of drop-down menus and bitmapped buttons that activate commands. Thus, clicking a toolbar button is equivalent to choosing a menu command. The buttons can be configured to appear and behave as push buttons, drop-down menus, or separators. Typically, a toolbar contains buttons and menus that correspond to items in an application's menu structure, providing quick access to an application's most frequently used functions and commands.
The ToolBarButton control's DropDownMenu property takes an instance of the ContextMenu class as a reference. Carefully consider the reference you pass when implementing this sort of button on toolbars in your application, as the property will accept any object that inherits from the Menu class.
For a full list of properties, methods and events see the API documentation.
The ToolBarButton control features several styles for customizing it's appearance.
PushButton: A standard button.
ToggleButton: A toggle button.
Separator: A line between ToolBar buttons.
DropDownButton: A drop-down button that displays a menu when clicked.
Represents a control consisting of a movable bar that divides a container's display area into two resizable panels.
You can add controls to the two resizable panels, and you can add other SplitContainer controls to existing SplitContainer panels to create many resizable display areas.
Use the SplitContainer control to divide the display area of a container (such as a Form) and allow the user to resize controls that are added to the SplitContainer panels. When the user passes the mouse pointer over the splitter, the cursor changes to indicate that the controls inside the SplitContainer control can be resized.
For a full list of properties, methods and events see the API documentation.
The splitter can be arranged horizontally or vertically by setting the Orientation property.
Each SplitterPanel in the SplitContainer can collapse programmatically or by using the collapse button in the panel's header.
For each panel use the ShowHeader and ShowCloseButton properties to manage the header part of the SplitterPanel. When the user collapses the panel, it collapse to its side.
Only one panel can be collapsed at a time.
A SplitContainer can contain other SplitContainers and "merge" the internal splitter bar to make it look and behave as one control. It's all about the borders of the inner SplitterPanel.
Wisej detects whether the docked child control has borders, if it does it removes the border from the inner SplitterPanel.
Merging the borders works for any control with the BorderStyle property.
Panels can also show a custom icon and any number of tools. See Embedded Tools for more details on this awesome feature.
Displays child controls vertically or horizontally in a scrollable container.
The SlideBar control can be used to show data in a Horizontal
or Vertical
format. The control features two customizable scroll bars and a panel on the inside that can be used to host an unlimited number of controls.
The ScrollStep property specifies how many pixels to scroll on each click.
The SlideBar control can be customized to show a collection of any type of control in a Horizontal
or Vertical
format by setting the Orientation property.
​
Item | Description |
---|---|
Item | Description |
---|---|
For a full list of properties, methods and events see the
Item | Description |
---|
Class name
"wisej.web.ToolBar", "wisej.web.toolbar.Separator", "wisej.web.toolbar.SplitButton", and "wisej.web.toolbar.Button".
Theme appearance
"toolbar", see Themes.
Source code
Class name
"wisej.web.SplitContainer"
Theme appearance
"splitpane", see Themes.
Child components
"label" is the container for the status bar's labels. "panel" is the statusbar container. "grip" is the drag button in the bottom right corner. See JavaScript.
Source code
Class name | "wisej.web.SlideBar" |
Source code |
Displays information to the user in a about the object being viewed, the object's components, or the object's operation.
Typically, a StatusBar control consists of StatusBarPanel objects, each of which displays text and/or an icon. You can also provide owner-drawn panels to provide custom panels such as a progress bar or a series of images that displays the state of your application. A StatusBar control typically displays information about an object being viewed on a Form, the object's components, or contextual information that relates to that object's operation within your application.
The StatusBar control provides properties that enable you to customize the appearance of the control. If the StatusBar is displayed on a form that can be resized, you can use the SizingGrip property to display a sizing grip in the lower-right corner of the form to indicate to users that the form can be resized. The ShowPanels property enables you to display panels within your StatusBar or to display only the value of the Text property of the control.
For a full list of properties, methods and events see the API documentation.
The AutoSize property of the StatusBarPanel provides a few preset ways to customize the size of the panel.
None: The StatusBarPanel does not change size when the control resizes.
Spring: The StatusBarPanel uses the available space on the StatusBar.
Contents: The width of the StatusBarPanel is determined by its contents.
Any number of Panels can be added to a StatusBar using the Panels property. The panels can be customized to include an icon, text, and custom spacing.
​
Item | Description |
---|---|
Class name
"wisej.web.StatusBar"
Theme appearance
"statusbar", see Themes.
Child components
"label" is the container for the status bar's labels. "panel" is the statusbar container. "grip" is the drag button in the bottom right corner. See JavaScript.
Source code