<kendo:popup>

A JSP wrapper for Kendo UI Popup.

Configuration Attributes

adjustSize java.lang.Object

Configures the margins, which will be added to the popup size, if its position should end up being next to the viewport edges. By default, the adjustment amount in both dimensions is zero.The property takes effect only if collision is set to "fit" for the respective dimension (width or height).

Example

<kendo:popup adjustSize="adjustSize">
</kendo:popup>

anchor java.lang.Object

Specifies the element that will be used as an anchor. The widget will open next to that element.

Example

<kendo:popup anchor="anchor">
</kendo:popup>

animation boolean

Configures the opening and closing animations of the popup. Setting the animation option to false will disable the opening and closing animations. As a result the popup will open and close instantly. is not a valid configuration. Further configuration is available via kendo:popup-animation.

Example

<kendo:popup animation="animation">
</kendo:popup>

appendTo java.lang.Object

Which element the popup will be appended to. The element needs to be relatively positioned.

Example

<kendo:popup appendTo="appendTo">
</kendo:popup>

collision java.lang.String

Configures how the popup should behave when it cannot be properly displayed and fully visible, if its origin and position settings are obeyed.Valid values are: "fit", "flip", "flip fit" and "fit flip". "Fit" allows the popup to be shifted (moved) until it is fully visible. "Flip" allows the popup to switch its position, according to its anchor. If two words are used, the first one applies to the horizontal dimension and the second one - to the vertical dimension. If one word is used, the setting is applied to both dimensions.

Example

<kendo:popup collision="collision">
</kendo:popup>

origin java.lang.String

Specifies how to position the popup element based on anchor point. The value is space separated "y" plus "x" position.The available "y" positions are: - "bottom" - "center" - "top"The available "x" positions are: - "left" - "center" - "right"

Example

<kendo:popup origin="origin">
</kendo:popup>

position java.lang.String

Specifies which point of the popup element to attach to the anchor's origin point. The value is space separated "y" plus "x" position.The available "y" positions are: - "bottom" - "center" - "top"The available "x" positions are: - "left" - "center" - "right"

Example

<kendo:popup position="position">
</kendo:popup>

Configuration JSP Tags

kendo:popup-animation

Configures the opening and closing animations of the popup. Setting the animation option to false will disable the opening and closing animations. As a result the popup will open and close instantly. is not a valid configuration.

More documentation is available at kendo:popup-animation.

Example

<kendo:popup>
    <kendo:popup-animation></kendo:popup-animation>
</kendo:popup>

Event Attributes

activate String

Fires when the popup is opened

For additional information check the activate event documentation.

Example

<kendo:popup activate="handle_activate">
</kendo:popup>
<script>
    function handle_activate(e) {
        // Code to handle the activate event.
    }
</script>

close String

Fires when the popup closes

For additional information check the close event documentation.

Example

<kendo:popup close="handle_close">
</kendo:popup>
<script>
    function handle_close(e) {
        // Code to handle the close event.
    }
</script>

deactivate String

Fires when the popup is closed

For additional information check the deactivate event documentation.

Example

<kendo:popup deactivate="handle_deactivate">
</kendo:popup>
<script>
    function handle_deactivate(e) {
        // Code to handle the deactivate event.
    }
</script>

open String

Fires when the popup opens

For additional information check the open event documentation.

Example

<kendo:popup open="handle_open">
</kendo:popup>
<script>
    function handle_open(e) {
        // Code to handle the open event.
    }
</script>

Event Tags

kendo:popup-activate

Fires when the popup is opened

For additional information check the activate event documentation.

Example

<kendo:popup>
    <kendo:popup-activate>
        <script>
            function(e) {
                // Code to handle the activate event.
            }
        </script>
    </kendo:popup-activate>
</kendo:popup>

kendo:popup-close

Fires when the popup closes

For additional information check the close event documentation.

Example

<kendo:popup>
    <kendo:popup-close>
        <script>
            function(e) {
                // Code to handle the close event.
            }
        </script>
    </kendo:popup-close>
</kendo:popup>

kendo:popup-deactivate

Fires when the popup is closed

For additional information check the deactivate event documentation.

Example

<kendo:popup>
    <kendo:popup-deactivate>
        <script>
            function(e) {
                // Code to handle the deactivate event.
            }
        </script>
    </kendo:popup-deactivate>
</kendo:popup>

kendo:popup-open

Fires when the popup opens

For additional information check the open event documentation.

Example

<kendo:popup>
    <kendo:popup-open>
        <script>
            function(e) {
                // Code to handle the open event.
            }
        </script>
    </kendo:popup-open>
</kendo:popup>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy