Documentation

position

sets position of the window relative to the the screen

string| function position;

Values

  • center
    places the window in the center of the viewport
  • top
    forces the window to appear from the top of the page with slide animation and horizontal centering
  • Example

    webix.ui({
        view:"window",
        position:"center",
        //..window config
    }).show();

    See also

    Details

    The positioning function takes default window position as parameter and allow to modify its aspects.

    webix.ui({
        view:"window",
        head:"",
        body:{...},
        position:function(state){ 
            state.left = 20; //fixed values
            state.top = 20;
            state.width -=60; //relative values
            state.height +=60;
        }
    });

    Default window position is a top left corner of the viewport.

    Back to top