All pages
Powered by GitBook
1 of 7

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Animation

Provides support for animating controls or windows using predefined animations definitions or custom animations in response to certain events.

Wisej.NET Animation enables style transition animations between configurations.

For a full list of properties, methods and events see the API documentation.

Features

Animation Timing

The Timing property provides several preset values:

  • Default: Uses the speed defined in the original definition

  • Linear: Maintains constant speed from start to end

  • Ease: Starts slow, accelerates, then ends slowly

  • EaseIn: Begins with slow acceleration

  • EaseOut: Features slow start and end phases

Advanced

JavaScript Widget

Item
Description

Rotation

Add rotation capabilities along the X,Y,Z axis to Wisej.NET controls.

The Wisej.NET Rotation extender enables control rotation around X, Y, or Z axes.

For a full list of properties, methods and events see the API documentation.

Features

Rotation

The Rotation component adds a Rotation property to eligible controls.

Advanced

JavaScript Widget

Item
Description

ErrorProvider

Provides a user interface for indicating that a control on a form has an error associated with it.

The Wisej.NET ErrorProvider indicates control errors to users. When an error is specified, an icon appears beside the control, flashing according to the BlinkStyle and BlinkRate settings. Hovering over the icon reveals a tooltip with the error description.

For data-bound controls, the ErrorProvider requires a specified ContainerControl, set either through the constructor or the ContainerControl property.

For a full list of properties, methods and events see the

Features

Validation

The ErrorProvider displays alert messages when detecting invalid input.

Advanced

JavaScript Widget

Item
Description

Extenders

Wisej.NET extenders are components that add and manage properties for other components.

Since properties cannot be added to existing classes or objects, extender properties appear only in the designer. At runtime, they function as Set/Get methods on the extender.

Extenders must implement the IExtenderProvider interface, determining which components can be extended through the CanExtend(component) implementation.

Some extenders integrate into existing components. For example, TableLayoutPanel, FlexLayoutPanel, and FlowLayoutPanel add properties to their children. In web systems, this enables powerful features - when dropping a control into a FlexLayoutPanel, it gains properties like FillWeight, AlignX, AlignY. These properties are contextual to the container.

Other extenders, like and , operate without UI, adding features to extended controls.

Multiple instances of the same extender can coexist. Adding multiple Animation extenders enables defining different animations for each control, triggered by different events.

IExtenderProvider

The is part of .NET's System.ComponentModel infrastructure, requiring one method:

bool CanExtend(object target)

Returns true if the extender supports extending the target object. Microsoft's documentation provides comprehensive examples.

ProvidePropertyAttribute

Extender classes declare their provided properties using declarations.

IWisejExtenderProvider

JavaScript

Allows controls to execute javascript code.

The Wisej.NET JavaScript extender enables attaching JavaScript functionality to controls.

As of Wisej.NET 2, most controls include InitScript and ClientEvents properties for JavaScript functionality without requiring the extender.

ToolTip

Represents a small rectangular pop-up window that displays a brief description of a control's purpose when the user rests the pointer on the control.

The Wisej.NET ToolTip provides user hints when hovering over controls. Use it to explain control purposes or display runtime information. For example:

  • Set ToolTip text on a TextBox to specify input format requirements

  • Display connection status details when hovering over a PictureBox

FlexLayoutPanel
Animation
ToolTip
System.ComponentModel.IExtenderProvider
ProvidePropertyAttribute

For a full list of properties, methods and events see the API documentation.

Features

JavaScript Events

The JavaScript extender adds the JavaScriptEvents property to page controls, enabling attachment to client-side widget events.

This property has been superseded by the ClientEvents property in Wisej.NET 2.

JavaScript Source

The JavaScript extender adds two properties to page controls:

  • JavaScript: Accepts arbitrary JavaScript code

  • JavaScriptSource: Specifies a JavaScript file location

Both execute during widget initialization.

Advanced

JavaScript Widget

Item
Description

Class name

"wisej.web.extender.JavaScript"

Source code

showing Internet connectivity

For a full list of properties, methods and events see the API documentation.

Advanced

JavaScript Widget

Item
Description

Class name

"wisej.web.extender.ToolTip"

Source code

Class name

"wisej.web.extender.Animation"

Source code

https://github.com/iceteagroup/wisej-js

Animation using Default timing with tada effect
Animation using Linear timing with tada effect
Animation using Ease timing with tada effect
Animation using EaseIn timing with tada effect
Animation using EaseOut timing with tada effect

Class name

"wisej.web.extender.Rotation"

Source code

https://github.com/iceteagroup/wisej-js

Control with rotation applied

Class name

"wisej.web.extender.ErrorProvider"

Source code

https://github.com/iceteagroup/wisej-js

API documentation.
ErrorProvider showing validation message

StyleSheet

Adds CSS styling to controls.

The Wisej.NET StyleSheet extender adds a CssClass property to eligible controls when added from the Toolbox. Define styles in the component's StyleSheetSource property.

As of Wisej.NET 2, all controls include CssClass and CssStyle properties by default, eliminating the need for this extender.

https://github.com/iceteagroup/wisej-js
https://github.com/iceteagroup/wisej-js

For a full list of properties, methods and events see the API documentation.

Features

CssClass

The CssClass property enables controls to use CSS classes defined in the StyleSheet component's StyleSheetSource property.

StyleSheet Source:

.myClass {
    background-color: red;
}

Apply the CSS class to a control:

this.styleSheet1.SetCssClass(this.button1, "myClass");

Result:

Button with myClass CSS applied

Advanced

JavaScript Widget

Item
Description

Class name

"wisej.web.extender.StyleSheet"

Source code

https://github.com/iceteagroup/wisej-js