mustafahi / sciter-movableview

Movable view for Sciter windows, allows you to move the window using any element inside it. with few features.

MovableView

> Tiscript   : 1.3.0
> Javascript : 1.3.0

Movable view for Sciter windows, allows you to move the window using any element in it.
Advantages:

1. Cheating windows performance setting, you will see the full window and not just a rectangle while moving it in performance mode.
2. Optional prevent crossing screen bounds.
3. Does NOT conflict with CSS cursor properties, unlike role="window-caption".
4. Allows dragging beyond the top edge of the screen, which is prevented by Aero Snap on Windows when using role="window-caption".

Using inside a compiled application should use less than 1% CPU (while moving the view).

Install

Add this file to your resources/UI folder

movableView.tis // OR
movableView.js

Then add the file to your project either from HTML :

<script src="movableView.tis" type="text/tiscript"></script> // OR
<script src="movableView.js"  type="text/javascript"></script>

or from your main script file :

include "movableView.tis"; // OR
import movableView from "movableView.js" // uncomment last line in `movableView.js`

Then initiate it by calling

movableView("selector" [, screenBound:bool(false)]);

with the selector being any CSS selector i.e. div .div #div
the second parameter true|false to prevent window from going past the screen boundaries.

sciter-movableview's Issues

How is this different from window-role="caption"?

I can drag the window with a button like this:

<button window-role="caption">Drag</button>

So I am interested in what advantage the technique presented in this repo has over the built-in way.

temps-lite now uses movableView!

Just wanted to let you know I replaced the built-in drag functionality (role=window-caption) with yours in this weather app, and added you to the contributors in the readme.

Thought you would be interested in hearing of new uses, and I didn't know how else to notify you other than opening an issue 😄

Any plans for Sciter.JS port?

I'm working on it, but having a hard time.

The reason I don't want to use window-role="caption" is because it conflicts with css cursor properties.

Sciter.JS supports capture now

Going off of memory here, in onMouseDown(e) I put e.target.capture = true and false in onMouseUp(e) but it didn't stop the window from getting left behind when you drag too quickly. Is there more to it?